[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 215
  • Last Modified:

CSS Problem

I have a web design and am having trouble getting a couple things to go all the way across.

The item in question is the nav class. I am stumped. Please help.
index-plain.php
core2.css
0
katlees
Asked:
katlees
  • 9
  • 8
1 Solution
 
nickinthoozCommented:
can you post your site or the images for the nav and logo so I can see it all.
0
 
katleesAuthor Commented:
0
 
nickinthoozCommented:
I don't see any nav at all?
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
katleesAuthor Commented:
I took it out to get the issue with the red bar correct.
0
 
nickinthoozCommented:
maybe I'm not understanding your problem?
0
 
katleesAuthor Commented:
http://www.northamericantribal.com/TeST/

is the one with the nav and content in it
0
 
katleesAuthor Commented:
The red nav line needs to go all the way across. If I pull it up on an IPAD or a small screen size, it stops at 930 px
0
 
nickinthoozCommented:
try this:

<div class="nav-main" style="width:100%;">

Open in new window


I see your problem with my phone, on the browser it's fine.
0
 
katleesAuthor Commented:
Not working on my ipad
0
 
nickinthoozCommented:
or try adding this in css:

{
  width: 100%;
  margin: 0px;
}

Open in new window


or

margin-right:-10px;
margin-left:-10px;

Open in new window

0
 
katleesAuthor Commented:
my nav-main looks like this in CSS now

.nav-main{

 background-image:url(../site_images/nav-bckgrnd.png);
background-position:top center;
background-repeat:repeat-x;
width:100%;
height:73px;
position:relative;
z-index:2;
margin-right:-10px;
margin-left:-10px;

}
0
 
katleesAuthor Commented:
Still not working..
0
 
nickinthoozCommented:
here, this works:

apply min-width:1024px, or even just min-width:1000px
0
 
katleesAuthor Commented:
I have this and it isn't working..

.nav-main{
 background-image:url(../site_images/nav-bckgrnd.png);
background-position:top center;
background-repeat:repeat-x;
height:73px;
position:relative;
z-index:2;
min-width:1024px;

}
0
 
nickinthoozCommented:
this also:

<meta name="viewport" content="width=1003, initial-scale=1, maximum-scale=1">

Open in new window


goes in the header
0
 
nickinthoozCommented:
I'm sorry, apply the min-width to your <body> tag

<body style="min-width: 1024px;">

Open in new window

0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 9
  • 8
Tackle projects and never again get stuck behind a technical roadblock.
Join Now