Simple Machines Community Forum

Customizing SMF => SMF Coding Discussion => Topic started by: AmphetaMarinE on April 12, 2004, 07:55:40 AM

Title: Need help with css in my theme....
Post by: AmphetaMarinE on April 12, 2004, 07:55:40 AM
Heya guys....
I have gotten about 70% through writing my new theme for SMF...
But i have come across a strange bug.... i think it's a bug in the way IE renders css anyways....

Just wondering if anyone here has come across anything like this before, and if so, how did you fix it?

Test it in both IE and any other browser... (Mozilla, Firebird, Firefox etc...)

Notice how all browsers render it fine, but IE puts a huge block of empty space at the top of the main board index??

So guys... whaddya think?? Anyone got any ideas?

Cheers to all who have any input.
Amph.
Title: Re: Need help with css in my theme....
Post by: Homie on April 12, 2004, 08:02:08 AM
WOW I Wish i could do that, thats really good might be the best SMF template someone has ever edited  :o Nice JOB

Regards
Homie

NOTE: DO USE IE IT Looks FIne Except for that big gray thing on the top
Title: Re: Need help with css in my theme....
Post by: AmphetaMarinE on April 12, 2004, 08:12:42 AM
Thanks Homie...
It will look quite different once I'm done changing the colours in the style.css and changed all the images.....
But its a general idea on how it will look....

Just need some coding geniuses in here to help me work out this css problem in IE.... (Seeing most of the world seems to use the damn thing. :'(
Title: Re: Need help with css in my theme....
Post by: HRM on April 12, 2004, 09:15:36 AM
Thats indeed a very nice template.
I love the menu at the left.

Ed

Title: Re: Need help with css in my theme....
Post by: whiterabbit on April 12, 2004, 11:43:38 AM
 :o Nice one indeed  :D

um... IE seem to render strangely with css positioning when you use
many div with position relative. Since it's micro$oft, it will confuse what to relative to. :P

So you may need to set some constrains such as height or width to div or put them inside table.
For your problem, just try to set width or height to whichever  div that cause problem.
Don't worry if you din't set it to clip when overflow, those setting will be overided. (I think ::))

-Whiterabbit-
Title: Re: Need help with css in my theme....
Post by: Owdy on April 12, 2004, 06:30:35 PM
Cool theme man! :)
Title: Re: Need help with css in my theme....
Post by: AmphetaMarinE on April 13, 2004, 04:11:31 AM
Thanks guys.... but i really am stuck on this css bug with IE.....
seems noone can work it out... and none of the css layout sites i have seen can offer any ideas.... seems i found a new bug....

Nested divs floated left, and more nested divs floated right seem to cause a funny overflow in a relative positioned div which isn't floated....

I can reproduce it quite easily now....
but to fix it maybe i am stuck redoing the whole layout :'(

Poor me.... :'( :'(

ahh well... if anyone finds a hack/fix for this then sweet... otherwise.. im off to redo the whole theme... i'll post back when i'm done...

Cheers all...
Amph.
Title: Re: Need help with css in my theme....
Post by: whiterabbit on April 13, 2004, 11:38:51 AM
 ??? um.. Yesterday I didn't have time to look at your css code.
Ok here's a glimpse, I saw that the problem might be on div middle.

As I said IE need some constrains to makt it do things right
So try adding this "height: 100%;" to middle css and see what happen.  ;)   
That should do, I think :P (just a thought, didn't have a code to test)
Title: Re: Need help with css in my theme....
Post by: AmphetaMarinE on April 18, 2004, 08:46:30 AM
Quote from: whiterabbit on April 13, 2004, 11:38:51 AM
??? um.. Yesterday I didn't have time to look at your css code.
Ok here's a glimpse, I saw that the problem might be on div middle.

As I said IE need some constrains to makt it do things right
So try adding this "height: 100%;" to middle css and see what happen.  ;)   
That should do, I think :P (just a thought, didn't have a code to test)

whiterabbit... you are a LEGEND mate!!!
tried that... and VOILA!!
problem solved ;D
Thanks a bunch mate... wouldn't have thought of that one....