Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.08.2010 um 10:12 (UTC)    
Titel: Css eigenes Desing verschiebt sich bei verschiedenen seiten

Hallo ich hab ein Problem, denn mein Desing verschiebt sich immer um ein paar px wenn ich auf eine andere unterseite auf meiner page gehe. Ich habs mit verschiedenen Browsern versucht doch es ist überall so.

Hier ist mein code
Code:
#header, #title {
display: none;
width: 0px;
height: 0px;

#header, #title {
display: none;
width: 0px;
height: 0px;
}

}
table[height="102"] { margin:auto;}
/* Allgemein */

body {
background-image: url(http://img.webme.com/pic/h/hobby-kg/unbenannt-1.png); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-attachment:fixed;
background-color: #000000; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
}

a {
color: #000; /* Farbe der Links */
}
/* Container */

#design1 {
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: none;  /* Hintergrundfarbe des Containers */

}

#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}
/* Header */

#header_container {
height: 150px; /* Höhe des Headers */
background-image: url(http://img.webme.com/pic/h/hobby-kg/header-hobbykg.gif);

}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

#header {
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 50px; /* Abstand vom oberen Rand */
color: #000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
}

/* Navigation */

#nav a {
display: block;
width: 100px;
height: 30px;
float: left;
text-decoration: none;

font-size: 0px;
}

#nav_Home {
background-image: url(http://img.webme.com/pic/h/hobby-kg/homebut.png);
}

#nav_Home:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/homehover.gif);
}

.checked_menu#nav_Home{background: url(http://img.webme.com/pic/h/hobby-kg/homeak.png);
}

#nav_News {
background-image: url(http://img.webme.com/pic/h/hobby-kg/newsbut.png);
}

#nav_News:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/newshover.gif);
}

.checked_menu#nav_News {
background-image: url(http://img.webme.com/pic/h/hobby-kg/newsak.png);
}

#nav_ueberuns {
background-image: url(http://img.webme.com/pic/h/hobby-kg/ueberbut.png);
}

#nav_ueberuns:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/ueberbut.png);
}

.checked_menu#nav_ueberuns {
background-image: url(http://img.webme.com/pic/h/hobby-kg/ueberak.png);
}

#nav_Forum {
background-image: url(http://img.webme.com/pic/h/hobby-kg/forumbut.png);
}

#nav_Forum:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/forumhover.gif);
}

.checked_menu#nav_Forum {
background-image: url(http://img.webme.com/pic/h/hobby-kg/forumak.png);
}

#nav_Galerie {
background-image: url(http://img.webme.com/pic/h/hobby-kg/galeriebut.png);
}

#nav_Galerie:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/galeriehover.gif);
}

.checked_menu#nav_Galerie {
background-image: url(http://img.webme.com/pic/h/hobby-kg/galerieak.png);
}

#nav_Gaestebuch {
background-image: url(http://img.webme.com/pic/h/hobby-kg/gaestebut.png);
}

#nav_Gaestebuch:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/gaestehover.gif);
}

.checked_menu#nav_Gaestebuch {
background-image: url(http://img.webme.com/pic/h/hobby-kg/gaesteak.png);
}

#nav_Links {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linksbut.png);
}

#nav_Links:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linkshover.gif);
}


.checked_menu#nav_Links {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linksak.png);
}

#nav_Linkus {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linkusbut.png);
}

#nav_Linkus:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linkushover.gif);
}

.checked_menu#nav_Linkus {
background-image: url(http://img.webme.com/pic/h/hobby-kg/linkusak.png);
}

#nav_Kontakt {
background-image: url(http://img.webme.com/pic/h/hobby-kg/kontaktbut.png);
}

#nav_Kontakt:hover {
background-image: url(http://img.webme.com/pic/h/hobby-kg/kontakthover.gif);
}

.checked_menu#nav_Kontakt {
background-image: url(http://img.webme.com/pic/h/hobby-kg/kontaktak.png);
}

#nav_container {
margin: 10px 0px 70px 0px;

}


#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */

}

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */

}

#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 0px; /* Innenabstand eines einzelnen Punktes */
padding-left: 0px; /* Innenabstand eines einzelnen Punktes nach links */
padding-right: 0px; /* Innenabstand eines einzelnen Punktes nach rechts */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */

float: left; /* Jedes Navigationselement hat einen linken Umfluss, dadurch wird eine horizontale Navigation erstellt */
background-color: #fff;
}


#nav li.subpage {
display: none /* Unterseiten werden unsichtbar. Bei horizontalen Navigationen immer praktisch */
}

#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #141414; /* ändert die Schriftfarbe beim Hovereffekt */
}


 

/* Content Container */

#content_container {
width: 900px; /* Definiert die Breite des gesamten Contentbereiches inklusive der Sidebar (daher normalerweise Breite des Containers) */
background-image: url(http://img.webme.com/pic/h/hobby-kg/textfeldbg.png);
}

/* Content */

#content_container {
float: left; /* positioniert den Content links neben die Navigation */
width: 900px; /* Briete des Contents */

}

#content {
padding: 30px; /* Innenabstand des Contents */
}


/* Klassen entfernen */

#counter {
display: none; /* Sidebar und Counter werden unsichtbar gemacht */
}


vielleicht findet einer von euch den Fehler

lg die Hobby-kg
Beitrag26.08.2010 um 10:36 (UTC)    
Titel:

Moin, moin,
da gibt es keinen Fehler! Das verschieben entsteht dadurch das bei den anderen Seiten kein Scrollbalken gebraucht wird. Das Design zentriert sich neu und verschiebt sich dadurch. Wenn du die anderen Seiten nach und nach füllst wird das verschwinden Wink

vg tjpeiler
Beitrag26.08.2010 um 11:19 (UTC)    
Titel:

Moin,
zwei mal dieselbe Angabe und dazu nicht richtig "geschlossen" kann schon mal
zu "Auslesefehlern" führen.

Zitat:

#header, #title {
display: none;
width: 0px;
height: 0px;
?
#header, #title {
display: none;
width: 0px;
height: 0px;
}

}


Einal reicht:
Zitat:


#header, #title {
display: none;
width: 0px;
height: 0px;
}


MfG Demon
______________


Beiträge der letzten Zeit anzeigen:   


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