On 6/16/06, Jason Preston <[EMAIL PROTECTED]> wrote: > I don't know how many of you are familiar with Wordpress, and > more specifically the theme K2, but since I know next to nothing > about CSS I built my site starting with those two installed and > just customizing the stylesheet. > > I've been trying to get the two lines in my menu bar (they're 1px > borders) to extend "off screen" on both sides (kind of like they > do at the www.wordpress.org homepage). For some reason changing > the margin only works in one direction, and changing the width of > the segment seems to make the page itslef too wide (I get a > scroll bar at the bottom). > > My site is at www.flickergaming.net.
The easiest way to do it would be to have the header in a separate container. Currently everything is in #page and #page has a fixed width and it has auto margins. No way to fight with that. If you moved the #header out of the #page div and put it on top, by itself, it could have 100% width. Then you could put another container right inside #header and give that the same width as #page and the same auto margins and then you would have a fixed width header inside a 100% width block, and you could style that 100% width block however you want............ sounds complicated huh? Or you could do what wordpress.org does, which is a total fake trick... make the text bigger and you will notice that the text falls out of the lines... because the lines are not borders, but rather a background image that is repeated on the body. Here's the image: http://wordpress.org/style/cool-fade.gif here's the css: body { background: url(cool-fade.gif) #fff repeat-x; ... } It's not so good, because the text does fall out, but as you can see, they get away with a much simpler technique. Hope it helps. -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
