Need some help with CSS issues

E

eitai2001

Expert Member
Joined
Aug 17, 2007
Messages
4,329
Reaction score
2
Location
Jhb
Hi Guys.

If you are running Windows XP SP3 and have IE 8, please can you check out the front page of my website www.androidza.co.za

Specifically, please check the header and navigation. There should be a menu next to the AndroidZA Logo which says "AndroidZA Forum | Contact Us | Advertise"
Below the green header should be a few Category navigation menu's which have sub-menu's if you hover over them.

There is one guy that who's menu's are in the wrong place and he can't even see the menu with the 3 links above, and I can't replicate the error ... even with IE6 and XP SP2.

Appreciate any help :)

Regards

Itai
 
Making use of CSS3 rounded borders and box shadows I see... Nice! :) Unfortunately I can't seem to replicate the missing navigation in the header though... Could you maybe ask for a screenshot?
 
Lol ... yeah, too bad they only seem to work in Firefox, I'm not sure what code to use to get the rounding and shadows in IE :P

Image below:

screenshot.jpg
 
Try changing height: 127px to auto in #navigasyon-wrap

Code: 
#navigasyon-wrap {
-moz-border-radius: 10px 10px 0 0;
-moz-box-shadow: 3px 3px 5px #333333;
background: url("images/bgheader.png") repeat-x scroll 0 0 #FFFFFF;
height: auto;
margin: 0 auto;
width: 900px;
}

He might have IE8 in compatability mode (F12 > Browser mode to change)
 
If I put IE8 in compatability mode, it replicates the error ... hopefully that sorts it out :)
 
Last edited:
Broadcom said:
Try changing height: 127px to auto in #navigasyon-wrap

Code: 
#navigasyon-wrap {
-moz-border-radius: 10px 10px 0 0;
-moz-box-shadow: 3px 3px 5px #333333;
background: url("images/bgheader.png") repeat-x scroll 0 0 #FFFFFF;
height: auto;
margin: 0 auto;
width: 900px;
}

He might have IE8 in compatability mode (F12 > Browser mode to change)
Click to expand...

Raithlin said:
http://css3pie.com

Turns out the IE8 compatability thing worked :) ... seems more like an incompatability mode :P

One of the issues is the use of Transitional XHTML. Check this out: http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx and use a different doctype. I recommend
Code: 
<!doctype html>
as it puts all current browsers in strict mode, and is simple (HTML5 ftw!).
Click to expand...

Will check out the site ... although not sure how to change the doctype as I use wordpress ... you know where that section is?

Thanks guys.
 
eitai2001 said:
Will check out the site ... although not sure how to change the doctype as I use wordpress ... you know where that section is?
Click to expand...
Themes - check your templates.
Changing the doctype and nothing else will work, by the way. You don't have to make use of the new tags just yet. Check out these links to give you an overview of HTML5 in WP:
http://www.gottaquirk.com/2010/07/26/html5-in-wordpress-it-is-here/
http://nicolasgallagher.com/anatomy-of-an-html5-wordpress-theme/
http://digwp.com/2009/07/free-html-5-wordpress-theme/

There's more out there if you care to look, including ready-made HTML5 themes and templates for you to break down.
 
Thanks Raithlin. We take a gander. I know there is probably a ton out there, but this isn't my profession ... the website is just a fun sideline thing for me ... my main focus is my honours degree which is as of now taking up most of my time :( ... can't wait for this year to be over :P
 
eitai2001 said:
Thanks Raithlin. We take a gander. I know there is probably a ton out there, but this isn't my profession ... the website is just a fun sideline thing for me ... my main focus is my honours degree which is as of now taking up most of my time :( ... can't wait for this year to be over :P
Click to expand...

Trust me - doing honours is fun. Getting into the job market sucks up all your time, even more so than honours. I wish I could study full-time again... :(
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X