zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit collapsing margins

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.09.2010, 19:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2010
Beiträge: 2
timmai befindet sich auf einem aufstrebenden Ast
Standard Problem mit collapsing margins

Hi,
es geht um die Handballseite, die ich für meinen Verein erstelle.
Fortuna Biesdorf - Handball in Berlin seit mehr als 100 Jahren - Neuigkeiten

Leider wird die Seite im Opera und manchen IE-Versionen falsch dargestellt, ich habe den Verdacht, dass es sich dabei um collapnsing margins handelt.
Leider bin ich Amateur und schreibe höchstens mal ein Makro....

Hier der Auszug aus der main.css, die ich für maßgebend halte:

Zitat:
html {
height: 100%; /* wichtig */
background: #e7e7e2 url(../images/layout/bg.jpg);
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
letter-spacing: 1px;
}

body {
background: url(../images/layout/bg_xrepeater.gif) center 112px repeat-x;
margin: 0px;
height: 100%; /* wichtig */
}

#page {
min-height: 100%;
height: 100%;
width: 986px;
margin: 0 auto;
}
#wrapper {
width: 987px;
overflow: hidden;
background: url(../images/layout/content_repeater.gif) center 0px repeat-y;
}

/*------------------------------------------------------------------------------------------

Clearing Container zum aufl�sen von floatenden Bereichen

------------------------------------------------------------------------------------------*/

/* CLEARING DES MAIN CONTENT */
.clearing {
clear: both;
overflow: hidden;
}

* html .clearing {
height: 1%;
} /* IE HACK */@CHARSET "ISO-8859-1";

/* IE Win < 7 only \*/
* html #page {
height:100%;
}

#header {
position: relative;
background: url(../images/layout/header.jpg) no-repeat;
height: 424px;
z-index: 3;
}
.headerheadlline {
margin-top: 105px;
margin-left: 34px;
}
#logo{
position: relative;
z-index: 4;
background: url(../images/layout/logo.png) no-repeat;
width: 180px;
height: 180px;
margin-top: -328px;
left: 773px;
}
#content{
position: relative;
z-index: 5;
width: 980px;
overflow: hidden;
margin: 50px 0 0 0;
}

#page ist der äußere Rahmen, innen dann #wrapper, innen darin:
1. header
2. navigation
3. logo
4. content
5. footer

Sitze schon Stunden und probiere den Fehler zu finden, weiß nicht mehr weiter.
Hoffe, ihr könnt mir helfen, wäre euch echt dankbar
MfG, Tim
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.09.2010, 20:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2010
Beiträge: 2
timmai befindet sich auf einem aufstrebenden Ast
Standard

hab selber weitergesucht...
liegt an #logo
er akzeptiert das "margin-top: -328px;" nicht
hab selber schon mit top rumgespielt, aber auch das wird unterschiedlich interpretiert....is doch scheiße^^

kennt wer ne alternative, dass ich zB irwo n padding nehmen kann....
hab leider 0 plan^^ :/
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.09.2010, 21:13
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Alles oberhalb des Contents hat eh feste Höhen und kann daher genauso gut pos. abs. bekommen.

Unabhängig davon: Für eine bessere Grafik-Navi (Deine Links sind leer!) siehe FAQ 15.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Stichwörter
collapsing margins, opera, problem

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
Problem mit Text neben Navigationsleiste andi01 CSS 6 08.06.2011 17:54
Problem mit Margins bei Liste Solander CSS 2 09.03.2007 14:44
Collapsing Boarders Problem bei "Tabellensimulation" unicorn CSS 3 21.02.2007 18:22
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


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