• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grundsätzliche Frage zu Anordnung DIV und Background-Image

L

lui

Neues Mitglied
Hallo in die Runde, das ist mein erster Beitrag in diesem Forum.

Seit Kurzem befasse ich mich mit der HTML-Programmierung und bin auf ein grundsätzliches Problem gestoßen.

Bei meiner programmierten HTML-Seite verschieben sich Hintergrundbild und Div "Container" so dass die Linien nicht mehr übereinstimmen.

Ich benutze zum Arbeiten noch Microsoft Web-Expression Vers. 2. In der Design-Ansicht des Programms sieht alles super aus und passt. Öffne ich die HTML-Datei dann jedoch in Mozilla oder Firefox, verschieben sich Hintergrund und das DIV.

Ich hoffe, Ihr könnt mir helfen. Darüber würde ich mich sehr freuen.

Anbei der Auszug aus HTML-Datei und CSS


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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Ohne_Titel_1</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-repeat: repeat-x; background-image: url('hintergrund.png')" >

<div id="conatiner">
<div id="kopf">
<div id="menu">
</div>
</div>
</div>

</body>

</html>






CSS:
#conatiner {
padding: 0px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}

#logo {
border-style: solid;
border-width: thin;
float: right;
height: 50px;
width: 309px;
margin-top: 40px;
margin-right: 25px;
clear: both;
}
#kopf {
margin-top: 118px;
margin-right: auto;
margin-left: auto;
height: 460px;
width: 1000px;
background-image: url('images/shadow_main.png');
background-color: #FFFFFF;
top: auto;
left: auto;
float: left;
}
#menu {
height: 39px;
border-bottom-style: solid;
border-bottom-width: thin;
width: 990px;
margin-right: 5px;
margin-left: 5px;
}


Vielen Dank im Voraus
Lui
 
Hallo,

kann man das auch mal als Bild sehen oder die Webseite direkt.
In welcher IE-Version schaust du dir das an?

Ich würde grundsätzlich immer für den Firefox schreiben und dann die Korrekturen für den IE vornehmen, wenn es denn nötig ist.

Den Doctype kannst du übrigens auf <!DOCTYPE html> beschränken.

Sähe dann so aus:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Ohne_Titel_1</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<meta name="description" content="Hier kommt die Seitenbeschreibung rein">
</head>

<body style="background-repeat: repeat-x; background-image: url('hintergrund.png')" >

<div id="conatiner">
<div id="kopf">
<div id="menu">
</div>
</div>
</div>

</body>

</html>
 
Ich habe Web Exression 4 und selbst das ist nicht in der Lage, Styles 100% exakt darzustellen, maßgebend ist immer, was du in den Browsern siehst. Ich nehm es meist nur her, um die Seite grob darzustellen, für die Feinarbeit dann nur noch einen normalen Texteditor wie Notepad++ und die Anzeigenkontrolle im Browser.
 
Hallo,
hatte gar keine Benachrichtigung über eure Antworten erhalten. Das beschriebene Problem habe ich mittlerweile gelöst.

Vielen Dank aber für eure Antworten!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben