zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden layout zerschossen im internet explorer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.08.2007, 20:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.08.2007
Beiträge: 2
opentyper befindet sich auf einem aufstrebenden Ast
Standard layout zerschossen im internet explorer

Hallo,

brauche dringend Eure Hilfe. Ich habe eine Seite mit CSS gebastelt
und es scheint in allen Browsern zu funktionieren außer im Internet Explorer nicht!
Ich hab absolut keine Ahnung woran´s liegen kann...
Die Seite findet Ihr unter: test
Ich beschreib euch mal den Aufbau anhand der Seite die hinter dem FOTO-Link
hinterlegt ist.
Mal abgesehen von der Navigation spielt sich alles in der zentrierten Box id=site ab.
In dieser Box gibt es auf der linken Seite eine weitere Box namens id=content_photo,
die mit fester Breite am linken Rand der Box id=site kleben soll. Rechts daneben gibt
es die Box id=content die einen <i frame> beinhaltet. Abschließend rechts daneben
befinden sich 8 kleine Boxen namen id=thumb_1, _2, _3 etc. Soweit so gut.

Das Problem ist nun, dass im Internet Explorer (nicht der für Mac) die id=content_photo Box
etwas nach rechts über die id=content Box geschoben wird. Dazu kommt noch, dass die
8 kleinen Boxen nach rechts ganz aus der id=site rausfliegen. aber warum??
Wär superklasse wenn Ihr helfen könntet.


Hier der für die Seite FOTO zustandige CSS Code:

body {

color: black;
background-color: #2A2A2A;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
padding: 0px;
text-align: center; /* Zentrierung im Internet Explorer */
margin-top: 100px;
}


div#site {
text-align: left; /* Seiteninhalt wieder links ausrichten */
padding-top: 0px;
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 800px;
height: 400px;
padding: 0px;
border: 0px;
}


html body div#site {
border-color: gray; /* Farbangleichung an den Internet Explorer */
}

/* Content */

div#content {
margin-left: 200px;
width: 550px;
height: 400px;
padding: 0px;
border: 0px;
}


div#content_photo {
text-align: left;
text-decoration: none;
top: 100px;
width: 200px;
height: 400px;
position: absolute;
z-index: 10;
background-color: #00FF00;
}


/* Thumbs */

div#thumb_1 {
margin-left: 552px;
top: 100px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 2;
}


div#thumb_2 {
margin-left: 552px;
top: 150px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 3;
}


div#thumb_3 {
margin-left: 552px;
top: 200px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 4;
}

div#thumb_4 {
margin-left: 552px;
top: 250px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 5;
}

div#thumb_5 {
margin-left: 552px;
top: 300px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 6;
}

div#thumb_6 {
margin-left: 552px;
top: 350px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 7;
}

div#thumb_7 {
margin-left: 552px;
top: 400px;
width: 48px;
height: 48px;
background-color: #2A2A2A;
position: absolute;
z-index: 8;
}

div#thumb_8 {
margin-left: 552px;
top: 450px;
width: 48px;
height: 50px;
background-color: #2A2A2A;
position: absolute;
z-index: 9;
}


body,td,th {
color: #ECECEC;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.08.2007, 21:23
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Warum hat alles z-index?
Und solche Angaben ergeben auch keinen Sinn:
Code:
padding-top:0px;
padding:0px;
Verwende lieber float um die beiden divs "nebeneinander zu bekommen".

Zitat:
line 3 column 6 - Error: document type does not allow element "title" here; assuming missing "head" start-tag
BTW: Interessant das mein Firefox beim abspeichern von HTML Dateien automatisch valide Datei drauß macht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.08.2007, 13:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.08.2007
Beiträge: 2
opentyper befindet sich auf einem aufstrebenden Ast
Standard

vielen dank für die info, werde es gleich mal umschreiben. das da der head tag fehlt? kann sein dass beim weglöschen der meta tags auch der head mit hops gegangen ist. melde mich wieder wenn ich soweit bin.
grüße
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
CSS Layout, Float und der Internet Explorer steffenk89 CSS 2 24.05.2010 19:19
internet explorer 5/6 layout problem alejandro CSS 3 15.10.2008 18:46
css layout und internet explorer problem azzzbo CSS 7 06.02.2007 22:40
Internet Explorer 6.0 zerstört Layout StefanRHRO CSS 6 31.05.2006 11:03
Float Layout Problem, Internet Explorer Azzy CSS 13 23.12.2005 17:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:41 Uhr.