Gå til innhold

[Løst]Få div's inn i wrapper

Kevin1337

Anbefalte innlegg

Kevin1337

Kevin1337

Skrevet
Skrevet (endret)

Heisann!

Driver å mekker på et nytt design, men har et problem..

Jeg får ikke ikke følgende divs inn i container og subcontainer-divsa: left, innhold, right.

Det som er rart er at header-div'n funker, og kommer inn..

 

LØST: Fjerna subcontainer og container, la til en "main"-wrapper og satt overflow: auto; på den. Løst!

 

Har prøvd lenge å fikse, men jeg får det søren ikke til! Kan noen hjelpe?

 

Online demo; www.scandimafia.com/nwf

 

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link rel="stylesheet" href="stil.css" type="text/css" media="screen">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>ScandiMafia || 5.0</title>
</head>
<body>
	<br>
	<!-- #CONTAINER START -->
	<div id="container">

		<!-- #SUBCONTAINER START -->
		<div id="subcontainer">

			<!-- #HEADER START -->
			<div id="header">
				<a href="index.php" title="Til forsiden"><img src="grafikk/header.png"></a>
			</div>
			<!-- #HEADER SLUTT-->

			<!-- #LEFT START -->
			<div id="left">
				Meny
			</div>
			<!-- #LEFT SLUTT-->

			<!-- #INNHOLDSTART -->
			<div id="innhold">
				Innhold
			</div>
			<!-- #HEADER SLUTT-->

			<!-- #RIGHT START -->
			<div id="right">
				Info
			</div>
			<!-- #RIGHT SLUTT-->

		</div>
		<!-- #SUBCONTAINERSLUTT-->

	</div>
	<!-- #CONTAINER SLUTT-->
</body>
</html>

 

CSS:

html, body {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 13px;
font-family: Verdana, Sans-serif;
background-image: url('grafikk/bg.png');
}


#subcontainer {
width: 965px;
margin: 0 auto;
background-color: #171717;
border: 1px solid #666666;
}

#container { 
width: 965px;
margin: 0 auto;
}


#header {
width: 950px;
height: 150px;
border-bottom: 1px solid #666666;
}

#left {
float: left;
width: 140px;
background-color: #222222;
border-right: 1px solid #666666;
}

#left li {
list-style-image: url('img/li.gif');
}

#left li a {
color: #CC0033;
text-decoration: none;
}

#left li a:hover {
color: #CCCCCC;
text-decoration: none;
}

#innhold {
float: left;
width: 500px;
}

#innhold h1 {
color: #CC0033;
font-size: 26px;
}
#innhold h2 {
color: #CC0033;
font-size: 22px;
}
#innhold h3 {
color: #CC0033;
font-size: 18px;
}

#innhold a {
color: #CC0033;
text-decoration: none;
}

#innhold a:hover {
color: #FFFFFF;
text-decoration: none;
}

#right {
float: right;
width: 140px;
background-color: #222222;
border-left: 1px solid #666666;
}

#right a {
color: #CC0033;
text-decoration: none;
}

#right a:hover {
color: #FFFFFF;
text-decoration: none;
}

#right a {
color: #CC0033;
text-decoration: none;
}

#right li {
list-style-image: url('grafikk/li.gif');
}

#right li a {
color: #CC0033;
text-decoration: none;
}

#right li a:hover {
color: #CCCCCC;
text-decoration: none;
}

.menyheader {
color: #CC0033;
font-weight: bold;
text-align: center;
background-color: #333333;
}

table {
padding: 5px;
background-color: #222222;
}

table tr{
}

table td {
background-color: #222222;
}

table th {
color: #CC0033;
font-weight: bold;
background-color: #333333;
}

.regler {
width: 300px;
background-color: #171717;
border: 1px solid #666666;
}

.infoheader {
color: #CC0033;
font-weight: bold;
text-align: center;
background: #333333;
}

input {
color: #CC0033;
font-size: 13px;
font-weight: bold;
background-color: #333333;
border: 1px solid #999999;
}

select {
color: #CC0033;
font-size: 12px;
font-weight: bold;
background-color: #222222;
border: 2px solid #999999;
}

textarea {
color: #CC0033;
font-size: 12px;
font-weight: bold;
background-color: #222222;
border: 2px solid #999999;
}

.yellowtext {
color: #b4d336;
font-size: 12px;
font-weight: bold;
text-align: left;
}

hr {
border: 1px solid #FFF;
width: 99%;
}

a, a:visited {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
}

Endret av Kevin1337

Videoannonse

Videoannonse
Annonse
Jooakim

Jooakim

Skrevet
Skrevet

Huh? Hva er det som ikke fungerer? Det ser fint ut her, både i FF og IE. Du bør heller legge inn noe margin i stedet for å bruke <br> på toppen der. Om du først skal bruke linjeskift, bruk heller <br />!

 

Lykke til med siden! :)

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...