|
|
[q][i]Originally posted by: [b][b]nowherecreative[/b][/b][/i]
I'm making the transition from designing with tables to designing with CSS. I
am having an issue getting my float right divs to line up with the rest of the
content. For example, if my #main-nav id stretches lengthwise it pushes all of
the floats down, but I need them to line up (like the top of the navigation bar
and the top of the #reservations ID). I'm not sure how to do this so I've
attached the CSS code to see if anyone can help. I'm just working with blocks
of color right now to establish the layout so it is super simple.[/q]
Just a guess based on "For example, if my #main-nav id stretches lengthwise it
pushes all of the floats down,..."
I'm in the process of transitioning too, and without anything to look at, I'm
going to guess that perhaps CSS is attempting to wrap something around a
floating item and causing it to be pushed down (based on a similar-sounding
situation in a tutorial I just did). If so, in code view, add a clear property.
If you have DW CS3, you can see it in the css styles that ship with it (i.e.,
one of the Blank Page -> Layout selections when creating a new document). I
think you would need to add it at the end of whatever is causing the other
elements to be pushed down.
Sorry if I'm way off base, but I thought I'd give it a try. Maybe someone more
experienced can elaborate on the clear property and where it would need to be
positioned.
|
|