...

View Full Version : IE7 layout - please help?



jarv
03-03-2009, 04:24 PM
On my website:
http://www.wildfire-digital.com/test/ciwf/video.asp

The layout is fine in FireFox but in IE 7 the bottom right box is out of place and the middle image is slightly out of place?!

can someone please help?

Rowsdower!
03-03-2009, 08:00 PM
Hi Jarv,

Before I even look any further can you please clean up the code so that it passes validation? Currently there are 23 errors and 15 warnings:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wildfire-digital.com%2Ftest%2Fciwf%2Fvideo.asp&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1&verbose=1

That way we don't try to hunt for a problem that isn't really there.

Once those are straightened out it will be more productive for me to review the code. :thumbsup:

Excavator
03-03-2009, 11:49 PM
Hello again Jarv,
It is always good to validate but your errors are mostly to do with your media player and not really affecting your layout.
But...
Your layout is still not logical.
Your .new should contain your Recent Content header, video selector floated left and that goofy image margined right.
.new can then be positioned with margins and a float.

.right should contain your Get More header and that list of links.
.right can then be positioned with margins.

Your use of absolute positioning doesn't quite work, floating your ap doesn't work at all.
Haven't we been over some of this before though? http://www.codingforums.com/showthread.php?t=158576

===
---In your CSS, .new and .new div are conflicting... I think you can just delete .new div and be alright.


.recentholder{
width: 400px;
overflow-x: scroll;}
---Fix that image so it's inside .new and not absolute positioned anymore.
---#floatright { float:right;} doesn't work either. To float things you need to give them a width.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum