zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Designfehler

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.01.2016, 20:57
new new ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2016
Beiträge: 2
new befindet sich auf einem aufstrebenden Ast
Standard Designfehler

Hallo Zusammen,

ich bastle an einem CSS-Layout und hänge an einem Fehler fest.
Ich habe schon diverse Varianten ausprobiert, weiß aber nicht weiter.

Code:
#menu {
position:relative;
background-color: #3b2d0a;
width: 885px;
height: 30px;
top: 0px;
margin-left: auto;
margin-right: auto;
}

#row1 {
position:relative;
width: 885px;
margin-left: auto;
margin-right: auto;
}


#content1 {

background-color: blue;
width: 635px;
height: 250px;
float:left;

}

#logo {

background-color: white;
width: 250px;
height: 250px;
float: right;

}

#row2 {
position:relative;
width: 885px;
margin-left: auto;
margin-right: auto;

}


#content2 {

background-color: red;
width: 635px;
height: 250px;
float:left;

}

#content3 {

background-color: black;
width: 250px;
height: 250px;
float: right;

}

#menu3 {
position:relative;
background-color: #3b2d0a;
width: 885px;
height: 25px;
top:100px;
margin-left: auto;
margin-right: auto;

}
Code:
<html>
<head>
<link rel="stylesheet" href="design.css">
</head>
<body bgcolor="#f8f6b1">
<div id="menu">test</div>
<div id="row1">

	<div id="content1"></div>
	<div id="logo"></div>

</div>

<div id="row2">

	<div id="content2"></div>
	<div id="content3"></div>

</div>
<div id="menu3">test123</div>
</body>
</html>


Problem: Wieso ist die "2. braune DIV-Box" (menu3) nicht, wie im Code,
unter der 2. Reihe (row2), sondern irgendwie mittig im Layout?

Problem 2: Ich habe menu3 mit einer Höhe markiert - wieso wird mir
der Text "test123" dann scheinbar außerhalb dieser Box angezeigt?

Wenn ich den Code von menu (der oberen Leiste) kopiere, habe ich
den gleichen Fehler - woran liegt das?


Vielen Dank! new
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.01.2016, 21:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.075
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

an mehr oder weniger inhaltsleeren Layouts lassen sich Fehler häufig nicht nachvollziehbar erläutern.

So soll zum Beispiel die Höhe von Containern von ihrem Inhalt bestimmt werden. Dann sind auch sinnfreie height-Angaben überflüssig und stören nicht mehr.

Außerdem solltest du mal nachlesen was du mit dem großzügig verteilten position:relative, und dann auch noch im Zusammenhang mit top, anrichtest.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.01.2016, 21:54
new new ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2016
Beiträge: 2
new befindet sich auf einem aufstrebenden Ast
Standard

Das ist ja eine tolle Hilfe

Ich werde alle DIV Boxen mit Hintergrundbildern "auskleiden",
damit ich am Ende ein gutes Design habe.
Meiner Meinung nach sollte ein gutes Design auch ohne Inhalte
gut auskommen, dafür sind ja die Höhen und Breitenangaben da.

Wie gesagt, erschließt es mir nicht, wieso der "Footer" (menu3)
quasi zum Schluss solche Probleme bereitet.

Auch, dass der Text meilenweit von der Div-Box entfernt ist,
erklärt sich mir nicht. Die Höhe 25px sagt alles.

Eine Idee, wie ich die Box unten an die richtige Position kriege?

Vielen Dank! new
Mit Zitat antworten
  #4 (permalink)  
Alt 03.01.2016, 00:15
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von new Beitrag anzeigen

Wie gesagt, erschließt es mir nicht, wieso der "Footer" (menu3)
quasi zum Schluss solche Probleme bereitet.
Hi,
für dich zum lesen. Float

___________
MfG Roland
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
merkwürdiger designfehler im menü im firefox 2/3 jhartlep Site- und Layoutcheck 2 15.07.2008 09:47
Designfehler: IE stellt Design falsch dar; FF macht alles richtig... surffix CSS 1 03.08.2007 03:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:33 Uhr.