Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2006



Tip: Looking for answers? Try searching our database.

Form css layout broken in IE...

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
TomB - 31 Jul 2006 15:40 GMT
I changed to layout of my guestbook form from table based to css based,
and it looks as intended in Firefox. In IE6 however the three top
fieldsets are shifted to the right side.

http://deimos.curious.be/~dusk/gabo.php -> click "sign guestbook"

Anyone?

Here's the CSS used:

form label {
    display: block;
    float: left;
       text-align: right;
       width: 30%;
    }

input { width: 60%; }

form fieldset {
 border: 1px #900 solid;
 margin-left: auto;
 margin-right:auto;
 width: 425px;
}

Complete css file is at http://deimos.curious.be/~dusk/dusk.css
feed_sheep - 31 Jul 2006 18:13 GMT
Hi,

>I changed to layout of my guestbook form from table based to css based,
> and it looks as intended in Firefox. In IE6 however the three top
> fieldsets are shifted to the right side.

Add:  display: block; clear: both; to the following rule.

> form fieldset {
>  border: 1px #900 solid;
>  margin-left: auto;
>  margin-right:auto;
>  width: 425px;
> }

--
David
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.