TeQs
Mitglied
Hallo,
ich habe ein kleines, etwas komplexeres, div Box-Modell erstellt. Das problem ist jedoch, das die obere Divspalte, mit der Hauptdivspalte nicht übereinstimmt, was sie eigentlich in der Breite tun sollte. ich hoffe ich hab mcih halbwegs klar ausgedrückt. Hier die Codes:
Und hier die html:
Ich habe nun wirklich viel herumprobiert, doch es will nciht klappen, vielleicht sehe ich den Wald voller divs nichtmehr.
Ich bitte um Hilfe
PS: Ich habe e mit dem CSS validator überprüft, kann jedoch mit der Fehlermeldung leider wenig anfangen, da mir das nötige Know How doch in einigen Bereichen fehlt!
Link zur Page:
http://www.underseek.de/bassbewertung/back.html
Link zum Validator:
http://jigsaw.w3.org/css-validator/...et.css&warning=1&profile=css21&usermedium=all
ich habe ein kleines, etwas komplexeres, div Box-Modell erstellt. Das problem ist jedoch, das die obere Divspalte, mit der Hauptdivspalte nicht übereinstimmt, was sie eigentlich in der Breite tun sollte. ich hoffe ich hab mcih halbwegs klar ausgedrückt. Hier die Codes:
Code:
div#main { width: 850px;
height: 100%;
}
div.sideblurleft { width: 5px;
height: 400px;
float: left;
background-image: url(./pics/sideblur.png);
}
div.sideblurright { width: 5px;
height: 400px;
float: left;
background-image: url(./pics/sideblurright.png);
}
div.klein { width: 120px;
height: 400px;
background-color: #AAAAAA;
float: left;
}
div#steckbrief { width: 435px;
height: 400px;
background-color: #AAAAAA;
float: left;
}
div.midde { width: 50px;
height: 400px;
background-color: #cccc99;
float: left;
margin-top: 175px;
}
body { background-color: #CCCC99;
}
div.spaceside { width: 5px;
height: 5px;
float: left;
}
div.topblur { width: 120px;
height: 5px;
background-image: url(./pics/sideblurtop.png);
float: left;
}
div.space { width: 60px
height: 5px;
float: left;
}
div#topblur1 { width: 435px;
height: 5px;
background-image: url(./pics/sideblurtop.png);
background-repeat:repeat-x;
float: left;
}
Und hier die html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>
Indexbass Alpha 0.0.6
</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body bgcolour="#FFFFFF">
<center><br />
<div id="main">
<div class="spaceside">
</div>
<div class="topblur"><img src="./pics/sideblurtop.png" />
</div>
<div class="spaceside">
</div>
<div class="space">
</div>
<div class="spaceside">
</div>
<div class="topblur">
</div>
<div class="spaceside">
</div>
<div class="space">
</div>
<div class="spaceside">
</div>
<div id="topblur1">
</div>
<div class="spaceside">
</div><br />
<div class="sideblurleft">
</div>
<div class="klein"><img src="./pics/hersteller.jpg" />
</div>
<div class="sideblurright">
</div>
<div class="midde"><img src="./pics/pfeil.png" />
</div>
<div class="sideblurleft">
</div>
<div class="klein"><img src="./pics/model.jpg" />
</div>
<div class="sideblurright">
</div>
<div class="midde"><img src="./pics/pfeil.png" />
</div>
<div class="sideblurleft">
</div>
<div id="steckbrief"><img src="./pics/stekbrief.jpg" />
</div>
<div class="sideblurright">
</div>
</div>
</center>
</body>
</html>
Ich habe nun wirklich viel herumprobiert, doch es will nciht klappen, vielleicht sehe ich den Wald voller divs nichtmehr.
Ich bitte um Hilfe
PS: Ich habe e mit dem CSS validator überprüft, kann jedoch mit der Fehlermeldung leider wenig anfangen, da mir das nötige Know How doch in einigen Bereichen fehlt!
Link zur Page:
http://www.underseek.de/bassbewertung/back.html
Link zum Validator:
http://jigsaw.w3.org/css-validator/...et.css&warning=1&profile=css21&usermedium=all
Zuletzt bearbeitet: