News:

Wondering if this will always be free?  See why free is better.

Main Menu

Need help with css in my theme....

Started by AmphetaMarinE, April 12, 2004, 07:55:40 AM

Previous topic - Next topic

AmphetaMarinE

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.
Sign Here: X..........................................................................................

Homie

#1
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

AmphetaMarinE

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. :'(
Sign Here: X..........................................................................................

HRM

Thats indeed a very nice template.
I love the menu at the left.

Ed

To install something for the cat's 'cut' is never nice..... (old dutch saying) :D

whiterabbit

 :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-
One pill makes you larger, and one pill makes you small
And the ones that mother gives you, don't do anything at all

Owdy

Former Lead Support Specialist

Tarvitsetko apua SMF foorumisi kanssa? Otan työtehtäviä vastaan, lue:http://www.simplemachines.org/community/index.php?topic=375918.0

AmphetaMarinE

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.
Sign Here: X..........................................................................................

whiterabbit

 ??? 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)
One pill makes you larger, and one pill makes you small
And the ones that mother gives you, don't do anything at all

AmphetaMarinE

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....
Sign Here: X..........................................................................................

Advertisement: