Advanced Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community ForumsWeb DesignAdvanced Web Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old May 1st, 2004, 09:44 AM
Spongy's Avatar
Spongy Spongy is offline
Alternately High
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Location: Hilversum, Netherlands
Posts: 223 Spongy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 56 m 41 sec
Reputation Power: 5
Send a message via MSN to Spongy
Question CSS rendering problem IE

Hey guys,

I hope you really can help me on this one.
I'm working on a site, and of course everything is tableless with CSS. In Mozilla FireFox everything is looking as it's supposed to look, but in IE some strange things happen. My text is disappearing and the left border is not on the position I set it to.

Test the page in IE and another browser and see the difference...

The url is: http://spongy.kicks-ass.org/nienke/
And the CSS is here: http://spongy.kicks-ass.org/nienke/stijl3cols.css

Thanx in advance,
__________________
Work to live, don't live to work

Reply With Quote
  #2  
Old May 1st, 2004, 07:24 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Location: Sydney, AU
Posts: 2,058 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 8 m 57 sec
Reputation Power: 9
Send a message via ICQ to stumpy Send a message via MSN to stumpy
Please validate your site first.
http://validator.w3.org/check?uri=h...ass.org/nienke/
Don't forget to validate the CSS too!
__________________
DevArticles Moderator
BlueSix - Web Development and Consulting

Reply With Quote
  #3  
Old May 3rd, 2004, 08:54 AM
Spongy's Avatar
Spongy Spongy is offline
Alternately High
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Location: Hilversum, Netherlands
Posts: 223 Spongy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 56 m 41 sec
Reputation Power: 5
Send a message via MSN to Spongy
Well, I know now what the problem is. When the wrapper-div is short in height, then IE will not render it properly and the layout is screwed. I set a fixed height on the wrapper now, but then my footer is doing weird things when the content is not that much to fill the screen...

It's weird...

BTW, I validated my XHTML and I return to another thing: the target of a hyperlink... Anyway, there were some other things to do too. The CSS is good though, it validates.

Reply With Quote
  #4  
Old May 3rd, 2004, 09:09 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Location: Sydney, AU
Posts: 2,058 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 8 m 57 sec
Reputation Power: 9
Send a message via ICQ to stumpy Send a message via MSN to stumpy
I'm guessing you are referring to the effect that occurs when you float items within a DIV. This happens because when you float something, you take it out of the flow of the page - therefore, what ever is wrapping around this floated item is no longer aware there is content contained in it. You can get around this by placing a "<br style="clear:both;">" inside the wrapper, at the very end of the content.

I took another look at your code - what's up the the <center> and <font> tags?? - CSS replaced these almost 5 years ago!

Reply With Quote
  #5  
Old May 3rd, 2004, 11:40 AM
Spongy's Avatar
Spongy Spongy is offline
Alternately High
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Location: Hilversum, Netherlands
Posts: 223 Spongy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 56 m 41 sec
Reputation Power: 5
Send a message via MSN to Spongy
hahaha, I've taken them out already...

The problem is fixed, but now I've another problem...

I set a fixed height to overcome some overlapping-problems of DIV's, but while in IE the height is expanding with the text, this will not happen in Mozilla!

Is there like a hack or something for a problem like this?

[EDIT]
Found a hack, just one extra div did the trick...
But can someone take a look at the site with IE? There are some very strange things going on. Click around a bit and you will see what's happening. Some div's are not rendered very well. I tried to put the content-div on top, but that isn't working.

If someone could help me I'll be forever thankful
[/EDIT]

Last edited by Spongy : May 6th, 2004 at 03:44 AM. Reason: Found a solution, got a new question....

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsWeb DesignAdvanced Web Development > CSS rendering problem IE


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT