March 19th, 2004, 04:50 AM
CSS problem in IE
Hi, I have a div with a form in it that's not displaying properly in IE. It's meant to display a breadcrumb menu and text input on opposite sides of the screen then followed by a hr, but in IE the input displays below the menu text and interferes with the hr...
font: 11px lucida grande, verdana, arial, sans-serif;
you can see what happens here - http://jmaid.org/index.php?option=co...tpage&Itemid=1 - How can I fix this?
<span class="pathway">Home </span>
<div id="searchForm"><form action='index.php' method='post'><input class="inputbox" type="text" name="searchword" size="15" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /><input type="hidden" name="option" value="search" /></form></div>
March 19th, 2004, 06:05 AM
actually this is happening in firefox too - only opera displays the way I want
March 19th, 2004, 07:31 AM
Hye I'm trying to see ur page but it doesnt show wht it has has nethier in opera nor in IE. pl copy the code
March 19th, 2004, 07:42 AM
I resorted to a table for now which has desired effect but I'd much rather use css. In IE the form input was on the next "line" down from the breadcrumb and the hr ran into the side of it rather than underneath
Originally Posted by Shashank
March 19th, 2004, 12:46 PM
A couple of things;
Floats require a width. Div is a block element with default width 100% of its container. The bread-crumb takes all available width so that the search input float must drop below it. Solution;
Floats do not occuppy real estate. The containing div does not expand to contain floats. So after the floats, you must clear the floats to expand the div. One possible solution;
Read this article on float theory.
<hr style="clear: both;" />
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.
My html and css workshop
, demos and tutorials.
Ask a better question
, get a better answer.
March 19th, 2004, 01:57 PM