Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.11.2010 um 20:28 (UTC)    
Titel: Header manchmal verschoben

Moin,
hat jemand eventuell Rat? Wenn ich mehr Text habe ist der header verschoben, hab ich jedoch weniger text ist er normal, woran liegt das?

http://new-designs.de.tl/
http://new-designs.de.tl/Titel-der-neuen-Seite.htm


Code.
Zitat:
table[height="102"] {
margin: 0px auto;
}

img {
border: 0px;
}

* {
padding: 0px;
margin: 0px;
}

body {
background: #99CCFF;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
}

#header {
background:url("http://img.webme.com/pic/n/new-designs/headernewdesignsss.png") no-repeat;
height:195px;
width:663px;
top: 100px;
position: absolute;
margin-left: 384px;
}

#content {
z-index: 1;
position: absolute;
top: 282px;
width: 643px;
left: 50%;
margin-left: -290px;
background-color: #FFFFFF;
border: 1px solid #dadada;
color: #000000;
min-height: 280px;
padding: 10px 10px 10px 10px;
}

hr {
border: 1px solid #000000;
padding: 0px;
margin-bottom: 10px;
margin-top: 5px;
}

h1 {
color: #000000;
font-family: Arial;
font-size: 25px;
font-weight: bold;
}

h2 {
color: #000000;
font-family: Arial;
font-size: 15px;
font-weight: normal;
}

a {
color: #000000;
font-family: Arial;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #dadada;
font-family: Arial;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

textarea, input {
border: 1px solid #000000;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
}
#selfheader {
position: absolute;
left: 50%;
top: 28px;
margin-left: -320px;}
#nav_container
{
display: none;
}
td.headline2{visibility:hidden;}


Gruss,
Fabian
______________

Support auch via PN und im Forum!
Beitrag19.11.2010 um 21:08 (UTC)    
Titel:

-Push-
______________

Support auch via PN und im Forum!
Beitrag19.11.2010 um 22:35 (UTC)    
Titel:

Kurze Frage vorweg:
Hast du das Design von gfm-zero.de.tl geschrieben?

Zum Thema:
Bei gefühlt 99% aller Fälle in denen ein Problem auftritt und "position: absolut;" zur Positionierung mehrerer Elemente verwendet wird, ist genau dieser Code die Fehlerquelle. Wo genau der Fehler liegt, dass wäre jetzt akribische Sucharbeit, aber grob umrissen:
Durch die Positionierung mit "position: absolut;" wird das Element quasi über alle andere Elemente gestellte. Da du dies mit allen Elementen deiner Homepage versuchst, verschieben sich die einzelnen Element teilweise unkontrolliert.

Lösung:
Verwende eine andere Art der Positionierung.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de