Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Sebi1989 · 22-05-2010, 14:04

Hi mein Problem ist, das ich mein layout nicht richtig aufgebaut bekomme.
Mein Header und content1 ergeben ein gemeinsames bild und das ist verzogen.

Fehler Bild:

Html Code(design.html):

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>4MC fun ecards</title>
<link href="site.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div align="center" id="site">
        <div id="header">      
        </div>
    
        <div id="content2">
            <div id="content1">
            </div>
        </div>
    
        <div id="footer">
        </div>
    </div>
</body>
</html>

CSS-Code(site.css)

PHP-Code:

  body {
    background: (bilder/bg.png);
    font-family: Helvetica;
    font-size: 12px;
    line-height: 24px;
    color: #000000;
}

#header {
    background:transparent url(bilder/header.png);
    height:423px;
    width:750px;
    margin: 0 auto;
}

#content {
    background:transparent url(bilder/content_bg.png);
    height:auto;
    width:750px;
    font-size: 14px;
    font:"Verdana", sans-serif;

}

#footer {
    background:transparent url(bilder/footer_bg.png);
    height:98px;
    width:750px;
    margin:auto;
    font-size: 14px;

}

Sebi1989 · 22-05-2010, 22:04

Hab es jetzt anders angefangen und das gesamte bild im header eingeschlossen
also kanns geschlossen werden oder auch beantwortet fänds schon intressant zu wissen warum das verzogen ist

pilzebub · 22-05-2010, 22:34

Da wird wohl irgendwas beim auseinanderschneiden schief gelaufen sein.
schneide doch einfach die 3px von der oberen grafik ab.

oder setze das mal noch an den anfang deiner css-datei:

HTML-Code:

*{
margin:0px
padding:0px
}

und nimm bitte das background in deinem body tag raus und stecke es mit in
deine site.css.

Sebi1989 · 22-05-2010, 23:12

nein bein auseinander schneide ist alles richtig gelaufen und wenn ich 3 pixel abschneide wird das nur noch sichtbarer das da ein fehler ist

Sebi1989 · 22-05-2010, 23:13

bei meiner anderen version ist der header jetzt auch noch zu groß für meinen geschmack also würde ich das schon ganz gerne so hinbekommen

Danke hab es hinbekommen lag an dem *{
margin:0px
padding:0px
}

also vielen dank =)

22-05-2010, 14:04	#1 (permalink)
Sebi1989 am lernen Registriert seit: Feb 2007 Beiträge: 88	Html und CSS div-aufbau und positionierung Hi mein Problem ist, das ich mein layout nicht richtig aufgebaut bekomme. Mein Header und content1 ergeben ein gemeinsames bild und das ist verzogen. Fehler Bild: Html Code(design.html): PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>4MC fun ecards</title> <link href="site.css" rel="stylesheet" type="text/css" /> </head> <body> <div align="center" id="site"> <div id="header"> </div> <div id="content2"> <div id="content1"> </div> </div> <div id="footer"> </div> </div> </body> </html> CSS-Code(site.css) PHP-Code: body { background: (bilder/bg.png); font-family: Helvetica; font-size: 12px; line-height: 24px; color: #000000; } #header { background:transparent url(bilder/header.png); height:423px; width:750px; margin: 0 auto; } #content { background:transparent url(bilder/content_bg.png); height:auto; width:750px; font-size: 14px; font:"Verdana", sans-serif; } #footer { background:transparent url(bilder/footer_bg.png); height:98px; width:750px; margin:auto; font-size: 14px; } Geändert von Sebi1989 (22-05-2010 um 23:16 Uhr)

22-05-2010, 22:34	#3 (permalink)
pilzebub · Registriert seit: Oct 2003 Ort: ·· Beiträge: 722	Da wird wohl irgendwas beim auseinanderschneiden schief gelaufen sein. schneide doch einfach die 3px von der oberen grafik ab. oder setze das mal noch an den anfang deiner css-datei: HTML-Code: *{ margin:0px padding:0px } und nimm bitte das background in deinem body tag raus und stecke es mit in deine site.css.

22-05-2010, 23:13	#5 (permalink)
Sebi1989 am lernen Registriert seit: Feb 2007 Beiträge: 88	bei meiner anderen version ist der header jetzt auch noch zu groß für meinen geschmack also würde ich das schon ganz gerne so hinbekommen Danke hab es hinbekommen lag an dem { margin:0px padding:0px } also vielen dank =) Geändert von Sebi1989 (22-05-2010 um 23:37 Uhr)*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2 URLs im HTML-Aufbau übergeben?	Basark	ActionScript 2	2	19-10-2007 17:11
Aufbau	ExarKun	PHP und MySQL	7	06-09-2006 13:06
swf aufbau	bubzilla	Am Rande	2	20-12-2005 12:14
Eine Frage zum allgemeinen Grafischen Aufbau einer Seite in HTML	Grunge	HTML und CSS	21	22-06-2002 02:31

22-05-2010, 22:04	#2 (permalink)
Sebi1989 am lernen Registriert seit: Feb 2007 Beiträge: 88	Hab es jetzt anders angefangen und das gesamte bild im header eingeschlossen also kanns geschlossen werden oder auch beantwortet fänds schon intressant zu wissen warum das verzogen ist

22-05-2010, 23:12	#4 (permalink)
Sebi1989 am lernen Registriert seit: Feb 2007 Beiträge: 88	nein bein auseinander schneide ist alles richtig gelaufen und wenn ich 3 pixel abschneide wird das nur noch sichtbarer das da ein fehler ist