Frage stellen
ich bin neu hier, und bin auf der Suche nach Antworten auf diesem kompetenten Forum gelandet.
Meine Probleme legen sich wie folgt dar.
ich bastel gerade an einer Webseite für ein namhaftes Unternehmen. Leider komm ich in einigen Dingen nicht so vorran wie ich das will. Um ein Beispiel zu liefern könnt Ihr euch mal die explizite Seite
http://swservices.sw-gruppe.net/index.php?id=399
ansehen. Im IE7 sieht es so aus wie ich das will. Die Stellenanzeigen sind dort wo sie sein sollen und auch sonst sieht z.B. der Footer so aus wie er sein soll. Wenn Ihr Euch jetzt mal den ganzen Spaß im IE6 oder Firefox anschaut, werdet Ihr schnell erkennen, dass da etwas nicht stimmt. Allein im IE6 ist die Schriftgröße nicht so, wie sie sein sollte. Mit dem "Hack" font-size und f\ont-size habe ich meine CSS-Datei auch schon bestückt. Der Footer macht auch was er will, aber mit dem habe ich mich im Moment eher weniger beschäftigt, weil ich doch schon arg an der Schriftgröße und der Breite der Stellenanzeigen zu knaupeln habe.
Falls Ihr es vielleicht wissen müsst, ich arbeite mit dem CMS-System "Typo3".
Zusätzlich möchte ich Euch noch den CSS-Code geben, damit Ihr eventuelle Fehler, die ich gemacht habe und nicht sehe, mir aufzeigen könnt.
für die Schriftgrößen etc.
- Code: Alles auswählen
#menu_sidebar .menu_1 a {
color: #000000;
}
body {
font-size: small;
font-family:Arial, Helvetica, sans-serif;
}
* html body{
font-size: x-small; /*Hack für IE5/Win */
f\ont-size: small; /*Hack für andere IE Versionen*/
}
h1{font-size: 125%; margin: 0,2em;}
h2{font-size: 125%;}
h3{font-size: 120%;}
h4, h5, h6{font-size: 110%;}
ul{
font-size:85%;
margin: 10px;
padding:0px;
}
#center {
font-size:85%;
}
#menu_sidebar ul{
font-size:85%;
margin: 10px;
padding:0px;
}
#sidebar a{
color:#333333;
font-size: 90%;
}
#center a:hover {color: #3399FF;}
#content, #sidebar{color:#666666;}
#topline , #topline a , {color:#EEEEEE;}
#left{color: #CCCCCC;}
div.footline ul {
list-style: none;
text-align: center;
color:#333333;
}
div.footline a {color:#3333DD;}
#content a:link, #content a:visited , .footline a, #rootline a{
color: #000000;
text-decoration: none;
}
#content a:hover {
color: #0000CC;
text-decoration: underline;
}
a:link, a:visited {
color: #f0f0f0;
text-decoration: none;
}
a:hover {
color: 3399FF;
text-decoration: underline;
}
.menu, .submenu, #menu_sidebar, #menu_left{
margin: 0;
padding: 0;
list-style: none;
font-size: 110%;
}
.menu_1 , .menu_2, .spacer {
list-style: none;
}
.spacer {
margin: 10px;
}
.vcard {
color: #990000;
}
für den Aufbau und größen der DIVs etc.
- Code: Alles auswählen
#content{
padding: 5px;
}
#center{
float: right;
width: 700px;
margin: 10px;
}
#rahmen{
margin: 0% 10% 3% 10%;
background-image: url(gfx/sws_09.png);
background-repeat: repeat-y;
background-position: right bottom;
width: 928px;
height: 90%;
}
#header{
margin: 4% 10% 0 10%;
width: 928px;
height: 180px;
}
div#header img{
border: 0px solid #FFFFFF;
margin: 5px 10px 5px 12px;
}
#topline{
margin: 0 0 0 10%;
position: relative;
padding: 1% 0 0 20px;
float: left;
top: 0px;
height: 20px;
width: 908px;
left: 0px;
}
div#left{
position: relative;
top: 0px;
left: 0px;
height: 90%;
float: left;
width: 180px;
padding: 0% 25px 25% 25px;
margin: 0;
}
#sidebar {
float: right;
margin: 20px;
padding: 0 5px 0 10px;
background-image: url(./gfx/sws_03.png);
background-repeat:no-repeat;
background-position: bottom;
border: 2px solid #cfcfcf;
border-bottom: 0px;
width: 200px;
}
.submenu {
padding: 0px 0px 0px 10px;
margin: 0px;
}
.footline {
clear:both;
height:90px;
left: 10px
padding: 0 13% -10px 27%;
background-image: url(./gfx/sws_10.png);
background-repeat:no-repeat;
background-position: bottom left;
}
#rootline{
margin: 3px;
}
Falls Ihr mir irgendwie helfen könnt, wäre ich zu Dank verpflichtet, weil ich sonst extrem verzweifel.
Danke schonmal im Voraus.
PEACE der Sasch
