Help with putting a div on a new line

[manlymatt83]

Text

Fo some reason, the calendar window is supposed to be below the webmail window, but in some browsers it is to the right of it.

Ideas?

 

[CTho9305]

Because your CSS applies "float:left" to the div. Make your window narrower, and all browsers should kick it down below the webmail div, or fix your CSS.

 

[manlymatt83]

What would I have to do to fix the CSS? Just remove float: left; ?

 

[manlymatt83]

Any ideas?

 

[clamum]

Maybe try putting those two DIVs within a container DIV, and don't specify a float properly to the two individual ones?

 

[Snapster]

Originally posted by: clamum
Maybe try putting those two DIVs within a container DIV, and don't specify a float properly to the two individual ones?

Either that or put a fixed width on the body

 

[George P Burdell]

Originally posted by: clamum
Maybe try putting those two DIVs within a container DIV, and don't specify a float properly to the two individual ones?

Agreed. You need a wrapper div where you are free to define width, float and whatever else you need.

 

[bchalker]

Easier fix:

> remove the float.
> place the logo image as a non-repeating background for a specific div.
> add padding-left:280px to both the "wmail" and "cal" divs.

Should fix it. Floats can get tricky at times. Also, what "George P Burdell" and "clamum" said was correct...place everything in a "wrapper" div to provide the best and most flexible control to a site.