Jump to content

CSS Float Overlap


cssqq

Recommended Posts

I got a setup like this...

 

+++++++++++++++++++

+            FLOAT                +  <--- Div with float

+++++++++++++++++++

 

++++++++++++++++++++

+    FLOAT DIV  FLOAT DIV +  <--- Div with 2 floats

++++++++++++++++++++

 

The div with 2 floats has a negative top margin of -24px... the div follows the top margin... the floats inside the div drop below the float at the top. Why? please help!!!

Link to comment
https://forums.phpfreaks.com/topic/224281-css-float-overlap/
Share on other sites

  Quote

I got a setup like this...

 

+++++++++++++++++++

+            FLOAT                +  <--- Div with float

+++++++++++++++++++

 

++++++++++++++++++++

+    FLOAT DIV  FLOAT DIV +  <--- Div with 2 floats

++++++++++++++++++++

 

The div with 2 floats has a negative top margin of -24px... the div follows the top margin... the floats inside the div drop below the float at the top. Why? please help!!!

I like to see your code to, but since i like puzzles. Maybe because they are all following the normal flow of the document. Maybe try to give your bottom div a position absolute and make the z-index higher than  the top one. Make sure thought the top div is positioned relative or anything other than static otherwise your bottom div will get sucked to the top of the screen.

Link to comment
https://forums.phpfreaks.com/topic/224281-css-float-overlap/#findComment-1159103
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.