1
Hallo,
ich bin gerade derzeit dabei, das Aussehen für den Contentbereich meiner Seite zu entwerfen.
Jetzt bin ich aber langsam am verzweifeln, ich habe im Mittelbereich ein Hintergrundbild welches im css als #content angegeben ist, dann habe ich ins HTML 3 Divs eingefügt, das wären
Headline (css: #headline),
Content1(css:#content1),
Content2(css:#content2).
Diese Hintergrundgrafik hat 3 Spalten, für jeden Contenttyp eine andere Hintergrundfarbe.
Jetzt versuche ich die ganze Zeit diese Bereiche mit padding-top anzupassen, bin jedoch am verzweifeln, da es im Internet Explorer und im Firefox immer unterschiedlich aussieht! Das ist jetzt auch meine erste Seite wo ich mit CSS ein wenig arbeite und von daher komme ich echt nicht mehr weiter! :(
Hier der Link zur Seite (man beachte die unterschiedlichen Darstellungen in IE 6 und Firefox), speziell um den Buchstaben "a" der dort weiß geschrieben steht.
http://design.divox.net/cms/front_content.php?idcat=72
Das CSS sieht folgendermaßen aus:
ich bin gerade derzeit dabei, das Aussehen für den Contentbereich meiner Seite zu entwerfen.
Jetzt bin ich aber langsam am verzweifeln, ich habe im Mittelbereich ein Hintergrundbild welches im css als #content angegeben ist, dann habe ich ins HTML 3 Divs eingefügt, das wären
Headline (css: #headline),
Content1(css:#content1),
Content2(css:#content2).
Diese Hintergrundgrafik hat 3 Spalten, für jeden Contenttyp eine andere Hintergrundfarbe.
Jetzt versuche ich die ganze Zeit diese Bereiche mit padding-top anzupassen, bin jedoch am verzweifeln, da es im Internet Explorer und im Firefox immer unterschiedlich aussieht! Das ist jetzt auch meine erste Seite wo ich mit CSS ein wenig arbeite und von daher komme ich echt nicht mehr weiter! :(
Hier der Link zur Seite (man beachte die unterschiedlichen Darstellungen in IE 6 und Firefox), speziell um den Buchstaben "a" der dort weiß geschrieben steht.
http://design.divox.net/cms/front_content.php?idcat=72
Das CSS sieht folgendermaßen aus:
#content {float:left; max-width:741px; position:relative; background-image:url(../grafiken/backbg.gif);
background-repeat: repeat-x; background-color: #FFFFFF; left:0px; top:0px; width:741px;}
#headline {padding-left:15px; padding-top:6px; position:relative; left:0px; top:0px; width:735px; height:29px;
max-height:21px;}
#content1 {padding-left:15px; padding-top:5px;position:relative; left:0px; top:5px; width:735px; height:37px;
max-height:17px;}
#content2 {padding-left:15px; padding-top:20px; padding-bottom:30px;position:relative; left:0px; top:10px;
width:735px;}