Solved

CSS Problem

Posted on 2013-02-07
17
204 Views
Last Modified: 2013-02-07
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
Comment
Question by:katlees
  • 9
  • 8
17 Comments
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866414
can you post your site or the images for the nav and logo so I can see it all.
0
 

Author Comment

by:katlees
ID: 38866533
0
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866550
I don't see any nav at all?
0
 

Author Comment

by:katlees
ID: 38866554
I took it out to get the issue with the red bar correct.
0
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866556
maybe I'm not understanding your problem?
0
 

Author Comment

by:katlees
ID: 38866557
http://www.northamericantribal.com/TeST/

is the one with the nav and content in it
0
 

Author Comment

by:katlees
ID: 38866558
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
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866576
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
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 

Author Comment

by:katlees
ID: 38866582
Not working on my ipad
0
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866585
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
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866588
0
 

Author Comment

by:katlees
ID: 38866589
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
 

Author Comment

by:katlees
ID: 38866592
Still not working..
0
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866594
here, this works:

apply min-width:1024px, or even just min-width:1000px
0
 

Author Comment

by:katlees
ID: 38866598
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
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38866599
this also:

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

Open in new window


goes in the header
0
 
LVL 6

Accepted Solution

by:
nickinthooz earned 500 total points
ID: 38866606
I'm sorry, apply the min-width to your <body> tag

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

Open in new window

0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now