problem with lower resolution css

Can anybody please help checking my site
http://www.networkingblogger.com/

problem with lower resolutin 800x600 and so.

what to do ?

 

Anybody know the solution ?
willing to pay few bucks.

 

What's the problem i minimized my browser window without any real changes?

 

i did some changes.
but the navigation menu is not visible in IE7.

Any CSS expert on dp ?

 

I don't know for sure, but at first glance this looks suspicious to me...

in your stylesheet look for this:

ul#navlist {
position : absolute;
list-style-type : none;
padding : 0 0 0 0;
margin : 5px 0 0 0;
height : 21px;
white-space : nowrap;
}

Code (markup):

If I'm not mistaken (although it is late, and I'm getting kinda lazy eyed here) it should be tagged

"#navlist ul"

instead of

"ul#navlist"

I know IE don't like those sorts of things...

 

No that doesn't solve,
instead creates more problems.

 

Anybody willing to do that .. ?
will pay $5

 

Hey, well your header is pretty messy to be honest I would re-organise it.
Firstly your header is causing me to scroll right, to see the search box even on a 1024 px display? What width are you aiming at here?

OK well I have tried to re-orgnaise your header for you, also eliinating a couple of DIV's that weren't really needed. So try the steps below:

Step 1. Change the body from :

body {
margin : 0;
padding : 0;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
background-color : #d2160b;
color : #000000;
}

Code (markup):

To:

body {
margin : 0;
padding : 0;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
[B]background : #d2160b url(/images/header_background.gif) repeat-x ;[/B]
color : #000000;
}

Code (markup):

Step 2. Change the Header from:

#header {
height : 103px;
background : #000000 url('images/header_background.gif') repeat-x top right;
}

Code (markup):

To:

#header {
margin: 0;
padding: 0;
width: 100%;
height : 116px;
background-image : url(/images/header_topleft.gif);
background-repeat : no-repeat;
}

Code (markup):

Step 3. Delete Header_Left completley which looks like:

#header-left {
background-image : url('images/header_topleft.gif');
background-repeat : no-repeat;
height : 103px;
}

Code (markup):

Delete that.

Step 4. The Menu

Delete the menu you are currently using. This looks like:

#mainnav {
position : absolute;
top : 75px;
right : 116px;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
font-size : 12px;
width : 640px;
float : right;
min-width : 640px;
max-width : 640px;
background-repeat : no-repeat;
height : 27px;
white-space : nowrap;
}
ul#navlist{
position : absolute;
list-style-type : none;
padding : 0 0 0 0;
margin : 5px 0 0 0;
height : 21px;
white-space : nowrap;
}
#navlist li {

display : block;
list-style-type : none;
height : 24px;
margin : 0 0 0 0;
padding : 0 0 0 0;
float : left;
width : auto;
white-space : nowrap;
}
#navlist a {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 13px;
padding : 5px 15px;
position : relative;
border-left : 1px solid #e9eff2;
border-right : 1px solid #b1c6cf;
}
#navlist a:link, #navlist a:visited {
color : #000 !important ;
list-style-type : none;
text-decoration : none;
}
#navlist a:hover {
background-color : #f1f4f4;
background-image : url(images/design06/rollovernav.gif);
text-decoration : none;
color : #000 !important ;
}

Code (markup):

Now add this in place of it, it's a new menu based on the one above that I quickly write above:

#menu {
margin: 0 0 0 480px;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
font-size : 13px;
letter-spacing: 5px;
height : 27px;
padding: 76px 0 0 0 ;
}

#menu li {
display : block;
list-style-type : none;
height : 27px;
line-height: 27px;
margin: 0;
float : left;
border-left : 1px solid #e9eff2;
border-right : 1px solid #b1c6cf;
}

#menu li a { 
display: block;
text-decoration: none;
padding: 0 10px 0 10px;
color: #000;
}

#menu li a:hover { 
background-color : #f1f4f4;
}

Code (markup):

Step 5. Save Style.CSS that you have edited to the 4 steps above, and re-upload.

Step 6. OK now open up header.php.
Delete The Header_Left DIV completley.
Change your header to:

<div id="header">
<ul id="menu">
<li><a href="http://www.networkingblogger.com">Home</a></li>
<li><a href="http://www.networkingblogger.com/?page_id=2" title="About">About</a></li>
<li><a href="http://www.networkingblogger.com/?page_id=44" title="Contact Us">Contact Us</a></li>
<li><a href="http://www.networkingblogger.com/?page_id=45" title="Our Network">Our Network</a></li>
</ul>
</div>

Code (markup):

Note this doesn't include the Search Box you can add this yourself as I wasn't sure where you wanted it.

 

Hmm I thought i'd come back and see if you took any of my advice, which actually took quite a while.. but I guess you didn't and went onto an even SHI**ER template

Hmm good luck...

 

The template is different currently.
Previous problem is solved probably.
Thanks.