zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div´s positionieren....

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.03.2008, 18:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2008
Beiträge: 9
Takko befindet sich auf einem aufstrebenden Ast
Standard Div´s positionieren....

Hi Zusammen,


ich hab folgendes Problem:

Ich möchte die oberste Box (Box für Logo) zentriert und vom oberen Rand ca. 50px entfernt haben. Zentrieren funktioniert in den Browsern nur beim Abstand funktioniert das nicht. Beim IE wird die Seite korrekt angezeigt nur bei FF und OP ziehts mir den gesamten Inhalt, sprich den "Hauptcontainer" mit nach unten. Den Quelltext hab ich als Datei angehängt weil ich nicht wusste obs erlaubt is den QT direkt ins Fenster zu schreiben.

Wo liegt der Fehler und wie behebe ich den???

Wie positioniert ihr eigtl. die Div´s?? Gibts da ne bestimme "Formel" wie man was wo anwendet oder bleibt das jedem selber überlassen.

Danke.....

Bye....
Angehängte Dateien
Dateityp: txt Code.txt (1,5 KB, 6x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.03.2008, 18:25
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Takko Beitrag anzeigen
Den Quelltext hab ich als Datei angehängt weil ich nicht wusste obs erlaubt is den QT direkt ins Fenster zu schreiben.
Nicht nur erlaubt, sondern sehr erwünscht, siehe "Wie im Forum am besten geholfen werden kann".

Um eine Box/ ein Blockelement zu zentrieren gibst du ihm:
Code:
#box {margin:0 auto; }
Einen Abstand nach oben regelst du per "margin": margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.03.2008, 23:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2008
Beiträge: 9
Takko befindet sich auf einem aufstrebenden Ast
Standard

Danke erstmal BlackHawk,


leider beantwortet das auch nicht meine frage. Wie man DIV´s zentriert weiß ich bereits hehe...was ich genauer wissen wollte ist---> Was muss ich machen das ich die BOX FÜR LOGO z.B 50px von oben verschieben kann?

Wenn ich "margin 50px auto" benutz wird zwar das Div zentriert aber der Abstand stimmt nicht weils den gesamten HAUPTCONTAINER nach unten verschiebt. Ausser im IE da wirds richtig angezeigt. Bei FF und OP verschiebt sich alles.

Ich hab mal den QT mitreinkopiert...evtl. krieg ich ja mehr Antworten

Danke....




<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>

<style type="text/css" media="screen">

<!--


#Hauptcontainer { background-color: #333333;
color: #CCCCCC;
width: 100%;
height: 1200px;
margin: 0px auto; }

#Inhalt { background-color: FF9900;
color: #CCCCCC;
width: 900px;
height: 1200px;
margin: 0px auto; }

#Seitenelement { background-color: #0066FF;
color: #CCCCCC;
width: 60px;
height: 1200px;
float: left;
margin-left: 0px;
margin-bottom: 0px; }

#BoxfürLogo { background-color: #996633;
color: #CCCCCC;
width: 700px;
height: 80px;
margin: 0px auto;
text-align: center; }

#BoxfürÜberschrift { background-color: #00FF00;
color: #CCCCCC;
width: 700px;
height: 200px;
margin: 60px auto; }


-->




</style>

</head>

<body>

<div id="Hauptcontainer">

<div id="Inhalt">





<div id="Seitenelement">
</div>


<div id="BoxfürLogo">Box für Logo
</div>


<div id="BoxfürÜberschrift">
<img src="Überschrift.jpg" alt="Kurzbeschreibung" />
</div>


<div id="BoxfürFoto">
</div>


<div id="BoxfürTexte">
</div>





</div>

</div>


</body>
</html>
[/LEFT]
Mit Zitat antworten
  #4 (permalink)  
Alt 28.03.2008, 23:10
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Code:
#boxlogo {position:relative;
top:50px;
}
So besser?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
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
DIV´s richtig positionieren k-f-r-123 CSS 2 28.12.2009 21:40
2 DIVS richtig positionieren Pari CSS 0 13.06.2009 21:22
Bild absolut positionieren (bottom) ZuMe CSS 2 03.07.2008 09:14
mit Link hinterlegte Grafik in Tabellenzelle absolut positionieren... jhartlep CSS 0 01.11.2007 14:46
layout - 4 div´s, angeordnet wie ein fenster? Guybrush CSS 8 28.06.2007 18:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:43 Uhr.