Bakgrund till Main Content (CSS)
Tjenis!
Har ett bekymmer, för tillfället har jag skapat en hemsida i CSS/xhtml och jag är ganska grön på området, och behöver lite hjälp. Sidan består av en banner, sedan content och sist Footer. Och Bannern vill jag ha lite sådär svävande, men sedan vill jag ha ett vittområde som ska täcka både högra och vänstra kolumnen i main content. Såhär ser koden ut där:
div#main-content {
padding-bottom: 50px;
}
div#main-content div#left-content {
width: 550px;
float: left;
background-color:#FFFFFF;
padding: 12px 12px 0 12px;
border: 2px solid #333333;
margin-top: 20px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #000000;
}
div#main-content div#right-content {
width: 350px;
float: right;
background-color:#FFFFFF;
border: 2px solid #333333;
margin-top: 20px;
margin-right: 40px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 0;
padding-left: 12px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #000000;
}
Jag testade göra min wapper i vit nyans, men då täcks ju bakgrunden bakom bannern också, och det vill jag inte. Vill liksom göra en vit låda med border som täcker div#right-content och div#left-content. Och eftersom min main content endast är en padding för att öka avståndet mellan bannern och maincontent, så kanske det är där jag ska ändra? Några idéer? Jag är som sagt grön på det här med CSS fortfarande, är vann att slänga ihop allt i photoshop och sedan anpassa det därefter. Men det funkar inte så bra då med vissa funktioner (såsom wordpress).
