Antworten zum Thema „Div's zusammenfügen“

DaFunkY · 03.09.2008

Hi,
bin jetz schon seit Tagen an suchen finde jedoch keine Lösung.Bin jedoch auch noch ein neuling in sachen CSS.

Also ich habe ein Design per PS erstellt , habe es gesliced und möchte nun die ganzen slices per css zusammenfügen.
Hiermal eine kleine Skizze wie ich die Seite gesliced habe:

slices an der richtigen Position, ausser den Conten in der mitte der will da nicht in die lücke rein. Der positioniert sich dann unter der page.
Hiermal mein HTML Code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hauptfenster">
    <div id="head"></div>
    <div id="balken_links"></div>
    <div id="content_links"></div>
    <div id="Logo"></div>
    <div id="content_rechts"></div>
    <div id="balken_rechts"></div>
    <div id="content_mitte"></div>
</div>
</body>
</html>

Und hier der dazugehörige CSS code:

Code:

#head {
    background-image: url(Bilder/head.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 200px;
    width: 800px;

#balken_links {
    background-image: url(Bilder/balken_links.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 600px;
    width: 50px;

#content_links {
    background-image: url(Bilder/content_links.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 600px;
    width: 150px;

#logo {
    background-image: url(Bilder/logo.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 150px;
    width: 400px;

#content_rechts {
    background-image: url(Bilder/content_rechts.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 150px;
    width: 600px;

#balken_rechts {
    background-image: url(Bilder/balken_rechts.png);
    background-repeat: no-repeat;
    margin: auto;
    float: right;
    height: 600px;
    width: 50px;

#content_mitte {
    background-image: url(Bilder/content_mitte.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 450px;
    width: 400px;

Ich hoffe dass ihr mich versteht und wisst was ich möchte. Schon mal besten dank.

Mit freundlichem Gruß

Funky

DaFunkY · 03.09.2008

AW: Div's zusammenfügen

wooohoo.... es funktioniert... das ging ja schnell

Besten dank sob35....

Bis bald