Yeah, I'm One of Those
So, um, I hate doing this but it's driving me nuts and my dad's getting frustrated.
Quick intro: I'm a youngish person with a deep-seated hatred for technology that is largely mutual. My dad is even more in the technology closet than I am, yet he owns a small business where his main source of advertising is his webpage. My uncle, who thinks he knows more about these things than he really does, created the webpage, but he recently moved on and my dad decided that I knew how to do HTML because once, seven years ago, I bought a book called HTML for Dummies which quickly became a dust-collector on my shelves.
Still, he was desperate, so I agreed to revamp the website for him. Problem is, the entire website was in frames and my uncle, in typical fashion, left but told my dad he must get rid of them, so Dad wants me to.
Y'all, I learned old-school table formatting, but decided to give this new-fangled CSS thing a shot. I've managed to teach myself enough to get by, but there's this one problem--and I know it's something really, really stupid but I just cannot figure it out.
So I have a header (with the company name, so on); a navigation menu (on the leftside, with links); and the content.
The header and the sidebar menu work fine, but the content appears below the sidebar. It's lined up--the sidebar is 20% with the content 80% and it lines up perfectly. Just... not beside it.
I don't care if I am absolutely ridiculed, just let me know how to fix it and I will worship you forever.
ETA: *facepalm* This may help, yeah.
div.container
{
width:100%;
margin:0px;
border:1px solid #CCCCCC;
line-height:150%;
}
div.header
{
padding:0.5em;
color:#330000;
background-color:#CCCC99;
border:3px solid #CCCCCC;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:20%;
margin-right:80%;
color:#330000;
background-color:#FFFFCC;
border:3px solid maroon;
padding:1em;
}
div.content
{
float:right;
margin-left:20%;
border-left:1px solid maroon;
background-color:#CCCC99;
padding:1em;
}
I haven't published any pages yet as I want to make sure I have it down before screwing up my dad's business website, but that's what I have--and I'm sure I'm missing some glaring error.
Quick intro: I'm a youngish person with a deep-seated hatred for technology that is largely mutual. My dad is even more in the technology closet than I am, yet he owns a small business where his main source of advertising is his webpage. My uncle, who thinks he knows more about these things than he really does, created the webpage, but he recently moved on and my dad decided that I knew how to do HTML because once, seven years ago, I bought a book called HTML for Dummies which quickly became a dust-collector on my shelves.
Still, he was desperate, so I agreed to revamp the website for him. Problem is, the entire website was in frames and my uncle, in typical fashion, left but told my dad he must get rid of them, so Dad wants me to.
Y'all, I learned old-school table formatting, but decided to give this new-fangled CSS thing a shot. I've managed to teach myself enough to get by, but there's this one problem--and I know it's something really, really stupid but I just cannot figure it out.
So I have a header (with the company name, so on); a navigation menu (on the leftside, with links); and the content.
The header and the sidebar menu work fine, but the content appears below the sidebar. It's lined up--the sidebar is 20% with the content 80% and it lines up perfectly. Just... not beside it.
I don't care if I am absolutely ridiculed, just let me know how to fix it and I will worship you forever.
ETA: *facepalm* This may help, yeah.
div.container
{
width:100%;
margin:0px;
border:1px solid #CCCCCC;
line-height:150%;
}
div.header
{
padding:0.5em;
color:#330000;
background-color:#CCCC99;
border:3px solid #CCCCCC;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:20%;
margin-right:80%;
color:#330000;
background-color:#FFFFCC;
border:3px solid maroon;
padding:1em;
}
div.content
{
float:right;
margin-left:20%;
border-left:1px solid maroon;
background-color:#CCCC99;
padding:1em;
}
I haven't published any pages yet as I want to make sure I have it down before screwing up my dad's business website, but that's what I have--and I'm sure I'm missing some glaring error.