Jump to content
Sign in to follow this  
Crash Override

Trying To Sandwich A Header In Between Two Gradients

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;}

HTML

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

Would you guys do anything differently?

  • Like 1

Share this post


Link to post
Share on other sites

Ignore dreamweaver. It can't be trusted, it always represents your pages wrong.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...