Design enthält Fehler bei Mozilla

**TobiaZ** · 01.08.2006, 19:50

ich vermute du hast n problem mit deinen paddings und so. hab aber nicht in den quelltext geguckt.

versuch es mal einzugrenzen.

**Byteandi** · 01.08.2006, 22:25

du hast

#mainwrapper
{
width: 922px;
margin: auto;
}

versuch mal

#mainwrapper
{
width: 994px;
margin: auto;
}

**Andreas84** · 02.08.2006, 08:29

Hi,

habe ich gemacht :-)
Kann mir jemand von euch sagen, der Mozilla hat, ob es nun richtig angzeigt wird? Habe nämlcih keines...

Aber kurz über meinem Footer wird der Hintergrund auch etwas nach recht verschoben. Wie kann ich denn das richtig einstellen?

**Kropff** · 02.08.2006, 08:55

Habe nämlcih keines...

besorgen

Kann mir jemand von euch sagen, der Mozilla hat, ob es nun richtig angzeigt wird?

es sind noch etliche kleine fehler vorhanden.

gruß
peter

**Byteandi** · 02.08.2006, 10:13

in firefox sieht das nicht richtig gut aus, der footer hängt nun im header.

ein
clear:both;

in #footer sollte da abhilfe schaffen, ausserdem heisst es [wegeditiert...weil mist]..........

**Andreas84** · 02.08.2006, 12:15

Hi,

habe ich geändert. Nun besser?

Ich habe es nun bei Validator W3 prüfen lassen und es gab keine fehler:
http://validator.w3.org/check?uri=ht...o.de%2Fblog%2F

Was genau ist denn noch falsch? Könntet ihr mir da helfen?

**Kropff** · 02.08.2006, 12:21

sieht schon nicht mehr ganz so schlimm aus.
btw: warum ziehst du dir den mozilla nicht und schaust selber nach?

gruß
peter

**Byteandi** · 02.08.2006, 13:20

sorry, das mit dem background: hab ich dir falsch gesagt, musst du wieder ändern, ist mir aber eben erst aufgefallen.

background: url(01_footer.jpg) no-repeat;

bist du sicher, dass der pfad stimmt?
ausserdem wackeln die links auf der linken seite beim hover

schau mal hier

css

**Andreas84** · 02.08.2006, 13:55

Hi,

habe das nun nach dem code eingebaut, den mir eine Seite erstellt hat.

Doch nun wird das Menü ganz falsch angezeigt: www.modenio.de/blog/

Wie kann ich das wieder richtig einstellen?

**Byteandi** · 02.08.2006, 14:47

du musst in diesem teil ein clear:both einbauen, z.B. wie ich es gemacht habe

Code:

			<div class="sidebardl centerize">
				
			</div>
		</div>
	</div>

<br style='clear:both;'/>
</div>
</div>

<!--HINWEIS-->

und hier hast du deine 01_style0101.css datei die du austauschen solltest, sicher die andere aber vorsichtshalber!

Code:

img {
border : 0; 
} 
.hidden {
display : none; 
} 
form {
margin : 0; 
} 
h1, h2, h3, h4, h5, h6 {
margin : 0; 
font-weight : normal; 
font-family : "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
} 
.centerize {
text-align : center; 
} 
a:link, a:visited {
color : #635d45; 
text-decoration : none; 
} 
a:hover, a:active {
color : black; 
} 
#copyrights a:link, #copyrights a:visited {
color : #474747; 
} 
#copyrights a:hover, #copyrights a:active {
color : white; 
} 
body {
color : #494949; 
font-size : 11px; 
font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
margin : 0; 
padding : 30px 0; 
} 
#header {
position : relative; 
width : 994px; 
height : 169px; 
margin : auto; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_header.jpg) no-repeat; 
} 
#header h1 {
font-size : 24px; 
text-align : center; 
line-height : 179px; 
} 
#mainwrapper {
width : 994px; 
margin : auto; 
} 
#wrapper {
width : 994px; 
margin : auto; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_mainbg.jpg); 
} 

#container {
width : 922px; 
overflow : visible; 
float : right; 
height : 1%; 
margin-left : -204px; 
padding : 4px 0 0; 
} 
#sidebarcontainer {
float : left; 
width : 240px; 
padding : 2px 0 0; 
} 
#footer {
text-align : center; 
padding : 18px 0 30px; 
width : 994px; 
margin : auto; 
clear:both;
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_footer.jpg) no-repeat; 
} 
.clearing {
height : 20px; 
width : 922px; 
clear : both; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_mainbg.jpg) repeat-y center; 
} 
.content {
margin : 0 60px 50px 200px; 
padding : 0; 
} 
.sidebar {
color : #21262a; 
margin : 0 6px 15px 45px; 
} 
#switcher {
position : absolute; 
top : 145px; 
left : 208px; 
width : 491px; 
height : 25px; 
} 
#switcher img {
float : right; 
margin : 4px 4px 0 0; 
} 
.contentitempostedby {
font-size : 10px; 
padding : 0 10px 0 13px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgpostedby.gif) no-repeat center left; 
line-height : 12px; 
} 
.contentitemcomments {
font-size : 10px; 
padding : 0 10px 0 15px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgcomment.gif) no-repeat center left; 
line-height : 12px; 
} 
.contentitemcategory {
font-size : 10px; 
padding : 0 10px 0 13px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgcategory.gif) no-repeat center left; 
line-height : 12px; 
} 
.contentitem {
margin : 0 0 16px; 
padding : 3px 0 0; 
} 
.contentitem1 {
display : inline; 
} 
.contentitem2 {
display : inline; 
padding : 0 0 0 10px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dotv.gif) repeat-y left; 
} 
.contentitem3 {
display : inline; 
padding : 0 0 0 10px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dotv.gif) repeat-y left; 
} 
.contenttitle h2 {
padding : 10px 0 10px 0; 
margin : 0; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dot.gif) repeat-x bottom; 
font-size : 18px; 
padding : 2px 0 4px 10px; 
clear : both; 
} 
.contentbody {
text-align : justify; 
font-size : 14px; 
line-height : 150%; 
} 
.itemcomment {
margin : 10px 0 0; 
padding : 6px 42px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote01.gif) no-repeat; 
background-position : 6px 9px; 
border : 1px solid white; 
} 
.itemcomment:hover {
background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
background-position : 6px 9px; 
border : 1px solid #cccccc; 
} 
.id1 {
background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
background-position : 6px 9px; 
border : 1px solid #b3c492; 
} 
.id1:hover {
background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
background-position : 6px 9px; 
border : 1px solid #b3c492; 
} 
.itemcomment h3 {
font-size : 12px; 
} 
.sidebardl {
margin : 0; 
padding : 0 0 10px; 
} 
.sidebardl dt {
color : #3a3523; 
font-size : 12px; 
font-weight : bold; 
font-family : "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
padding : 4px 10px; 
background : #e5e5e5 url(http://www.modenio.de/blog/skins/stanch_de/images/01_sidetitlebg.gif); 
} 
.sidebardl dd {
margin : 5px 0 0; 
margin-left : 0px; 
padding : 2px 10px; 
background : #eeeeee; 
} 


.sidebardl dd a:link, .sidebardl dd a:visited {
margin : 3px 0 0 0; 
padding : 0 0 0 10px; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_arrow.gif) no-repeat left center; 
} 

.sidebardl dd a:hover
{
margin : 3px 0 0 0; 
padding : 0 0 0 10px; 
} 

.loginform, .searchform {
margin : 5px 0; 
} 
.commentform, .mailform {
margin-top : 10px; 
} 
.formfield {
font-size : 11px; 
margin : 1px 0 0; 
color : #494949; 
background : white; 
border-top : 1px solid #868686; 
border-left : 1px solid #868686; 
border-bottom : 1px solid #d4d2cf; 
border-right : 1px solid #d4d2cf; 
} 
.formbutton {
font-size : 11px; 
margin : 1px 0 0; 
color : #494949; 
background : white; 
border-top : 1px solid #d4d2cf; 
border-left : 1px solid #d4d2cf; 
border-bottom : 1px solid #868686; 
border-right : 1px solid #868686; 
} 
.searchform .formfield {
width : 130px; 
font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
margin : 0 2px 2px 0; 
padding : 2px 0; 
} 
.searchform .formbutton {
width : 60px; 
font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
padding : 2px; 
} 
.loginform .formfield {
width : 130px; 
font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
margin : 0 2px 2px 0; 
padding : 2px 0; 
} 
.loginform .formbutton {
width : 60px; 
font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
padding : 2px; 
} 
.mainform .formfield {
width : 280px; 
font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
margin : 0 2px 2px 0; 
padding : 2px 0; 
} 
.mailform .formbutton {
width : 100px; 
font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
padding : 2px; 
} 
.commentform textarea {
width : 280px; 
padding : 0 2px; 
overflow : hidden; 
font-family : Arial, Trebuchet MS, Verdana, sans-serif; 
} 
#nucleus_cf_name, #nucleus_cf_mail {
width : 200px; 
font-family : Arial, Trebuchet MS, Verdana, sans-serif; 
} 
.commentform .formbutton {
width : 100px; 
height : 22px; 
font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
} 
.wrap1, .wrap2, .wrap3 {
display : block; 
} 
.wrap1 {
float : left; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_shadow.gif) no-repeat right bottom; 
margin : 0 5px 3px 0; 
} 
.wrap2 {
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_corner_br.gif) no-repeat left bottom; 
} 
.wrap3 {
padding : 0 5px 5px 0; 
background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_corner_tr.gif) no-repeat right top; 
} 
.wrap3 img {
display : block; 
border : 3px solid white; 
} 
.highlight {
background : #deffa9; 
} 
ul {
list-style : none; 
margin : 0; 
padding : 0; 
} 
li {
margin : 0 20px; 
padding : 0 0 0 10px; 
} 
div.rightbox img {
float : right; 
padding : 20px; 
} 
div.nicetitle {
position : absolute; 
padding : 4px; 
top : 0; 
left : 0; 
color : white; 
font-size : 12px; 
font-family : Verdana, Helvetica, Arial, sans-serif; 
width : 25em; 
font-weight : bold; 
background : #333333; 
} 
div.nicetitle p {
margin : 0; 
padding : 0 3px; 
} 
div.nicetitle p.destination {
font-size : 9px; 
font-weight : normal; 
text-align : left; 
padding-top : 3px; 
}

**Andreas84** · 02.08.2006, 21:24

Hallo,

ich habe nun alles eingebaut :-) Nun müsste es doch in sämtlichen Brwosern feherlerfrei angezeigt werden oder?

jedich funtkionieren die Links in der navigation seitdem nicht mehr. Kann das sein?

Danke für alles :-)

Gruß,
Andreas

**Kropff** · 02.08.2006, 21:46

startseite:

ff ok
ie ok
opera ok

jedich funtkionieren die Links in der navigation seitdem nicht mehr. Kann das sein?

yepp! alles im eimer

gruß
peter

**Byteandi** · 02.08.2006, 22:13

laut firefox iss da nen umleitungsfehler, vieleicht in deiner .htaccess datei?

**Andreas84** · 02.08.2006, 22:56

Hi,

es lag an der .htaccess :-)

Sind nun alle Fehler draußen

? Kann ich nichts mehr ausbessern oder besser machen

???

Design enthält Fehler bei Mozilla