first time post here sorry if i’m doing it wrong :)
anyway… i’ve been trying to play with different layouts for different screen sizes. And i think i’ve almost got i right but here’s the problem.
i have a top bar for the header width 100%.
then i have 3 columns left for links. middle for content and right for other info.
now when the screen is below 1200px of width the right bar goes to the left, but it is positioned under the center div and i woul like it to go straight under the left div. problem is.. the left div doesn’t have a fixed height.
here’s some example code:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
no there isn’t a reason :)
i’m actually working on positioning now haven’t paid much attention to textual stuff yet but you’re right should have used padding there.
as for the media queries: like i said for some reason the code blocks are messing with the post i have these:
link rel=’stylesheet’ media=’screen and (max-width: 1024px)’ href=’css/1024.css’
link rel=’stylesheet’ media=’screen and (min-width: 1025px) and (max-width: 1200px)’ href=’css/1200.css’
link rel=’stylesheet’ media=’screen and (min-width: 1201px)’ href=’css/1600.css’
what i did now is give the left div a fixed size. so i can position the right div using: position: absolute and top but then the footer “ignores” the right box and is paced at the same height as the right div, instead of under it.