Web editing - CSS/HTML help!

Chumpalot83 · Feb 8, 2013

Morning!

Does anyone here have any experience with web-editing at all? I'm stuck on a particular problem which I hope someone may be able to help me with. Namely <div> positioning and layout.

Thanks

David

BrizoH71 · Feb 8, 2013

Might be able to help if you can tell me what you need.

Chumpalot83 · Feb 8, 2013

BrizoH71 said:
Might be able to help if you can tell me what you need.

Thanks. I've resolved the issued. Though I think the method I've employed is more a workaround than a fix.

Basically I'm creating a webpage. I have my container <div> with other <divs> inside it. Fixed width with auto left/right margins so it centres itself. That's all fine.

My problem came about when I wanted the header (currently a thin grey bar) to span 100% of the screen width, regardless of resolution. I could only do this if I set the 'header' outside of the main contrainer width. The only problem with this was that I had images and a menu within this <div> that would then become misalligned when the user changed screen resolutions.

What I've done is to create another <div> within the header which is a specific width and centered. This houses the images and menu giving me the control I need.

If you could suggest another way of doing it then great, or if what I've done is the way to do it then +1 to me!

Cheers

David

zlinuk · Feb 8, 2013

So you are trying to create a graphical element that sits at the header and is 100% of the browser width at all times, with the rest of the content centred.

If I have that correct then you could simply add a small graphic as a background image on the <body> tag position it top left and repeat it on the x axis.

More than one way to skin a cat though, so if what you've done works then happy days.

Web editing - CSS/HTML help!

Chumpalot83

Assistant Pro

BrizoH71

Tour Rookie

Chumpalot83

Assistant Pro

zlinuk

Club Champion

Similar threads