Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2005-12-01 21:47:22

Michael
Member
From: Vienna/Austria
Registered: 2004-03-25
Posts: 147
Website

Overlapping empty divs...

Hi!

I am working on it, but I simply do not find the solution. If you look on my website, there are five colors in the upper left corner. They are enclosed in empty divs (Well, there is a <code>&nbsp;</code> in them.) called color1 to color5. Here is the code…

<code> <div id=“top”> <div id=“color1”>&nbsp;</div>

<div id=“color2”>&nbsp;</div> <div id=“color3”>&nbsp;</div> <div id=“color4”>&nbsp;</div> <div id=“color5”>&nbsp;</div> <h1>noumlauts.com</h1> </div> </code>

And here is the CSS:

#top { background-color: #FFCC66; border-bottom: 1px solid #330000;
}

#color1, #color2, #color3, #color4, #color5 { float: left; width: 5%;
}

#color1 { background-color: #336600;
}

#color2 { … more colors here }

Why do these color-divs overlap the top-div and how can I make them not overlap top-div? (It overlapps only in Firefox 1.5 on Windows XP)

Last edited by Michael (2005-12-02 00:10:34)

Offline

#2 2005-12-02 05:07:01

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Overlapping empty divs...

It looks OK to me but I am on FF 1.0.7 /Win. You have floats in there. Have you “cleared” them? I’m hearing about the odd problem with FF1.5 so I shall wait for a bit.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#3 2005-12-02 19:42:26

NyteOwl
Member
From: Nova Scotia, Canada
Registered: 2005-09-24
Posts: 539

Re: Overlapping empty divs...

Looks ok here too FF 1.07. I’m not sure what you mean by overlap. All the coloured divs are contained with the div with the id “top” so that is the only “overlap” I can see.

I see 6 coloured bars above the site name

dark green
medium green
black
dark blue
cyan

I assume the intended page background colour is white but it isn’t showing as you didn’t set a default for teh document.


Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;

Offline

#4 2005-12-02 20:25:48

Michael
Member
From: Vienna/Austria
Registered: 2004-03-25
Posts: 147
Website

Re: Overlapping empty divs...

Okay, do no longer care. A clear: both in the div below helped me to solve the problem! But thanks for your help!

Offline

Board footer

Powered by FluxBB