Sent by Jack Keller on 7 December 2004 18:06
My first suggestion would be to put the entire site into a container with
absolute widths, but you could probably get away with what you want to do by
changing the css from:
/* Site search form */
form.sitesearch {
display:inline;
width:30%;
margin-top:0.5%;
font-size:80%;
float:right;
}
to:
/* Site search form */
form.sitesearch {
display:inline;
width:30%;
margin-top:0.5%;
font-size:80%;
left: 580;
clear: both;
I didn't get a chance to toss this up anywhere and check it but if you
position the search an absolute from left and then just have it clear the
other div elements this should work out fine.
Jack
}
----- Original Message -----
From: "Seth Rothberg" [EMAIL-REMOVED]>
To: [EMAIL-REMOVED]>
Sent: Tuesday, December 07, 2004 11:09 AM
Subject: [css-d] Float problem?
> Thanks to all the help I've got here (and from the HTMLdog's suckerfish
> menu) I've finally almost finished a new template for my site. It ain't
> pretty but it woks in well enough in lots of browsers (haven't been
> able to view it on IE5.x for Windows), is standards compliant, probably
> accessible, and will even fit pretty comfortably in a 640x480 window.
> There may be some problems with font sizes and choices, but that's not
> my concern here.
>
> What bothers me the most about the template is the way the site search
> form behaves when the window gets big. It sits underneath the dropdown
> menu but when the window is made larger it moves over to the right past
> the menu. I'd like it better if the form's right hand margin were the
> same as the menu's above it. Is this possible given that i've floated
> the search form right and would like to keep it where it is now?
>
> The page is http://www.joneslibrary.org/newbanner12.html
> The css is at http://www.joneslibrary.org/nav.css
>
> Relevant css my be:
>
> /* breadcrumbs */
> ul#breadcrumb {
> margin:0;
> padding:0;
> list-style:none;
> width:50%;
> float:left;
> clear:both;
>
> }
>
> #breadcrumb li {
> display:inline;
> font-weight:normal;
> font-family : trebuchet ms, verdana, arial, sans-serif;
> font-variant:small-caps;
> font-size:8pt;
> margin-left:1%;
> }
>
> /* Site search form */
> form.sitesearch {
> display:inline;
> width:30%;
> margin-top:0.5%;
> font-size:80%;
> float:right;
> }
>
> Many thanks,
>
> Seth
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
