Advertisement:

Author Topic: Need help with css in my theme....  (Read 5714 times)

Offline AmphetaMarinE

  • Semi-Newbie
  • *
  • Posts: 77
  • Gender: Male
    • SpeedLabs Inc.
Need help with css in my theme....
« 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.
« Last Edit: March 20, 2005, 08:33:03 AM by AmphetaMarinE »
Sign Here: X..........................................................................................

Offline Homie

  • Jr. Member
  • **
  • Posts: 127
  • Gender: Male
  • I Love SMF 1.0 Beta 5
    • Homies Community
Re: Need help with css in my theme....
« Reply #1 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
« Last Edit: April 12, 2004, 08:14:15 AM by Homie »

Offline AmphetaMarinE

  • Semi-Newbie
  • *
  • Posts: 77
  • Gender: Male
    • SpeedLabs Inc.
Re: Need help with css in my theme....
« Reply #2 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. :'(
Sign Here: X..........................................................................................

Offline HRM

  • Jr. Member
  • **
  • Posts: 333
  • Gender: Male
  • Dutch & Belgium musicforum
    • Muziekforum.com
Re: Need help with css in my theme....
« Reply #3 on: April 12, 2004, 09:15:36 AM »
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

Offline whiterabbit

  • Semi-Newbie
  • *
  • Posts: 64
  • Feed your head
Re: Need help with css in my theme....
« Reply #4 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-
One pill makes you larger, and one pill makes you small
And the ones that mother gives you, don't do anything at all

Offline Owdy

  • SMF Fossil
  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,596
  • Gender: Male
  • W00t!
    • janoloferiksson on LinkedIn
    • @@jaoler on Twitter
Re: Need help with css in my theme....
« Reply #5 on: April 12, 2004, 06:30:35 PM »
Cool theme man! :)
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

Offline AmphetaMarinE

  • Semi-Newbie
  • *
  • Posts: 77
  • Gender: Male
    • SpeedLabs Inc.
Re: Need help with css in my theme....
« Reply #6 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.
Sign Here: X..........................................................................................

Offline whiterabbit

  • Semi-Newbie
  • *
  • Posts: 64
  • Feed your head
Re: Need help with css in my theme....
« Reply #7 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)
One pill makes you larger, and one pill makes you small
And the ones that mother gives you, don't do anything at all

Offline AmphetaMarinE

  • Semi-Newbie
  • *
  • Posts: 77
  • Gender: Male
    • SpeedLabs Inc.
Re: Need help with css in my theme....
« Reply #8 on: April 18, 2004, 08:46:30 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..........................................................................................