Frage stellen
Ich habe da ein paar Fragen.. Zu diesem Beispiel hier:http://www.file-upload.net/download-844529/div-layout.zip.html
Das Selbe habe ich übrigens unten in den Codeabschnitten angefügt..
- 1. Was muss ich am CSS File ändern, damit die Seite wenigstens bei Opera, Firefox und IE gleich aussehen?
z.b. zu oberst, der Titel; im IE und Opera ist die Schrift oben bündig am DIV. Beim Firefox allerdings unten!?
2. Die <h2>-Tags Menu, Inhalt, Warenkorb haben keinen Abstand beim IE und Opera, jedoch ist es verschoben beim Firefox.
3. Wenn ich bei den Div's im CSS File ein padding von z.b. 10px definiere, vergrössert sich das DIV layer? Wie kann ich das verhindern?
4. Wie kann ich die Titelschrift im grauen Balken oben (Onlineshop) vertikal zentrieren? mit "vertical-align:middle;" geht es nicht..
5. Siehe 4. -- aber mit der "Suchen" Form
Das HTML File:
- Code: Alles auswählen
<html>
<head>
<link>
<title>blah!</title>
<meta>
</head>
<body>
<div>
<h1>Onlineshop</h1>
</div>
<div>
Logout
</div>
<div>
<table>
<tr>
<form>
<td>
<input>
</td>
<td>
<input>
</td>
</form>
</tr>
</table>
</div>
<div>
Login<br>Private Daten anzeigen
</div>
<div>
<h2>Warenkorb</h2>
Romeo und Julia<br>
Stk: 3 zu 10.-<br>
<b>30.-</b><br>
<input> <input><br>
--------<br>
Total: 30.-
</div>
<div>
<h2>Inhalt
</h2>
</div>
<div>
<h2>Menu</h2>
<ul>
<li>Liebesfilme</li>
<li>Tanzfilme</li>
<li>Krimis</li>
<li>Thrillers</li>
<li>....</li>
</ul>
</div>
<div>
Fusszeile
</div>
</body>
</html>
Das CSS File:
- Code: Alles auswählen
#warenkorb
{
float: left;
width: 190px;
height: 360px;
top: 210px;
left: 860px;
position: absolute;
background-color: #BAE568;
}
#content
{
float: left;
width: 630px;
height: 360px;
top: 210px;
left: 225px;
position: absolute;
background-color: #BAE568;
}
#menu
{
float: left;
width: 170px;
height: 360px;
top: 210px;
left: 50px;
position: absolute;
background-color: #BAE568;
/*position: 500;
width: 190;*/
}
#titel
{
width: 1000px;
height: 60px;
top: 50px;
left: 50px;
position: absolute;
background-color: #666666;
vertical-align:middle;
text-align:center;
}
#smallmenu
{
float: left;
width: 170px;
height: 90px;
top: 115px;
left: 50px;
position: absolute;
background-color: #BAE568;
}
#logoutmenu
{
float: left;
width: 190px;
height: 90px;
top: 115px;
left: 860px;
position: absolute;
background-color: #BAE568;
text-align:right;
}
#suchen
{
float: left;
width: 630px;
height: 90px;
top: 115px;
left: 226px;
position: absolute;
background-color: #BAE568;
}
#footer
{
float: left;
width: 1000px;
height: 30px;
top: 575px;
left: 50px;
position: absolute;
background-color: #BAE568;
}
Freundliche Grüsse
Der Questionner
