Jump to content

Trying To Sandwich A Header In Between Two Gradients

Crash Override

Recommended Posts

I actually think I figured this out while my account was being validated, but I'm not 100% sure I did it right. It looks totally messed up inside Dreamweaver, but perfectly fine in my browsers. It's resizing correctly and working like it should, but the Dreamweaver thing is making me feel a little uneasy. I don't want this to fall apart. Anyway, I made a beautiful MS Paint illustration of what I'm going for. My placeholder version currently looks like this, which is great since it works. The code is down below. Styles

html, body {padding:0px;margin:0px;}#wrapper {height:100px;overflow:hidden;}#left {background:#abc;height:100px;width:50%;float:left;}#middle {background:#bca;width:1000px;height:100px;position:relative;left:50%;right:50%;margin-left:-500px;margin-right:500px;}#right {background:#cab;height:100px;width:50%;float:right;}


<div id="wrapper"><div id="left"></div><div id="right"></div><div id="middle"></div></div>

Would you guys do anything differently?

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...