hi,
also ich habe jetzt mal meine erste seite nur mit css gemacht und da gibt es ein paar sachen die ich nicht so ganz verstehe, warum ein browser etwas so macht und der andere nicht...
hier mal der link
http://gregor.slosh-slosh.com/galerie/test.html
meine erste frage betrifft den blauen header.
ich habe hier einen div container darin befinde sich die grafik und daneben der link anmelden, den würde ich gerne rechts anordnen lassen ich habe
es versucht mit <span class="float:right">Anmelden</span>, aber damit gehts leider nicht, hat wer ne idee wie man das machen könnte ??
die zweite frage hast was mit den grünen kasterln zu tun
im NS positioniert er die kasterln genau 5px neben dem roten menü und am ende habe ich auch wieder 5px, nur im IE macht er links 10px abstand und rechts 0px... warum ?? habe magin:5px verwendet
und meine letzte frage betrifft unten die rote leiste
die schwarze box ist 620 pixel breit (ergibt sich aus den grünen boxen die 200 lang sind und 5 margin haben) und die rote leiste ist 5px von links weg positioniert und 615 pixel lang warum schaut sie im NS trotzdem auf der rechten seite über die schwarze box heraus und im IE auch ?
ok das wars an fragen
hier der ganze css code
Code:
body {
background-image: url('../grafiken/mainbg.gif');
font-family:Verdana;
font-size:9;
}
#header{
position:absolute;
top:10px;
left:20px;
width:770px;
height:35px;
background-color:#0000ff;
}
#menubox {
position:absolute;
top:55px;
left:20px;
width:150px;
height:600px;
background-color:#ff0000;
}
#contentbox {
position:absolute;
top:55px;
left:170px;
width:620px;
height:600px;
background-color:#000000;
}
#seitenblatterbox {
position:absolute;
bottom:0px;
width:620px;
left:5px;
background-color:#ff0000;
padding:2px;
}
#thmubnailbox{
float:left;
width:200px;
height:66px;
margin:0px 0px 5px 5px;
background-color:#00ff00;
}
img.headerimg{
}
p.menu{
margin:15px 0px 50px 5px
}
#eingabefeld{
border:0;
margin:0px 0px 0px 5px;
background-color:#ffffff;
font-size:9px;
color:#000000;
font-family:Verdana;
}
#dropdown{
border:0;
margin:0px 0px 0px 5px;
background-color:#ffffff;
font-size:9px;
color:#000000;
font-family:Verdana;
}
#button{
border:0px;
margin:0px 0px 0px 5px;
background-color:#4B0D01;
font-size: 9px;
color:#ffffff;
font-family:Verdana;
font-weight:bold;
margin-top:5px;
}
#h1{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#ffffff;
margin:5px;
}
#h2{
font-family:verdana;
font-size:10px;
font-weight:bold;
color:#000000;
margin:5px;
}
#text{
font-family:verdana;
font-size:10px;
color:#ffffff;
margin:5px;
}
und hier der html code
Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Slosh-Slosh//</title>
<meta name="Slosh-Slosh//" content="Photography">
</head>
<body>
<div id="header">[img]grafiken/slosh-slosh-logo.gif[/img]<span>Anmelden</span></div>
<div id="menubox">
<p class="menu">
<span id="h1">Login:</span>
<span id="h2">Name:</span>
<input id="eingabefeld" type="Text" name="" value="" size="" maxlength="">
<span id="h2">Passwort:</span>
<input id="eingabefeld" type="Password" name="" value="" size="" maxlength="">
<input id="button" type="Submit" name="" value="Login">
</p>
<p class="menu">
<span id="h1">Suche:</span>
<span id="h2">Stichwort:</span>
<input id="eingabefeld" type="Text" name="" value="" size="" maxlength="">
<span id="h2">Fotografen:</span>
<select id="dropdown" name="ff" size="1">
<option value="">rene Wallentin</option>
<option value="">rene Wallentin</option>
<option value="">rene Wallentin</option>
<option value="">rene Wallentin</option>
<option value="">rene Wallentin</option>
</select>
</p>
</div>
<div id="contentbox">
<p id="text">66 Einträge gesamt - 21 Einträge auf der Seite - von Nummer 1 bis 21</p>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="thmubnailbox">a</div>
<div id="seitenblatterbox">«« « 1 2 3 4 » »»</div>
</div>
</body>
</html>
also das ist meine erste css seite falls der code totaler schrott ist bitte sagen
und vorallem wie man es besser machen/lösen könnte
mfg,
destroy90210