Zur Navigation

Zentrieren von Div

Das macht ja sorgen

1 teenboy

Ich möchte ein Div zentrieren und links und rechts ein Bild platzieren! Hier die Idee, doch diese Verschiebt alles, ausser wenn ich mit minus zahlen Arbeite, aber dann schliesst das DiV nicht am richtigen Ort


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>something very hard </title>
<style type="text/css"> 
body {margin: 0px;} 
.oben {display:block; top:10px; z-index: 1; height: 50px; margin: auto; position:fixed; background: #a00000; color:#fff; }
.unten {display:block; height: 50px; bottom: 0px; position:fixed; background: #a00000;}
.mitte {display: block; overflow: show; position: relative; margin: 90px 0px 50px 0px; width: 680px; background: #0000a0;}
</style>
 
</head>
 
<body>

<div style="display: block; z-index: 1; background: #f00fff; top: 0px; width:982px; margin:0 auto">
	<div style="background: url(slice_01.jpg);  width: 680px; height: 80px; position:relative; top: 0px; left:0px;">Slice1</div>
	<div style="background: url(slice_02.jpg); width: 302px; height: 80px; position:relative; top: 0px; left:680px;">Slice2</div>
	<div>Test</div>
</div>
</body>
</html>

gibt es da eine Möglichkeit das zu tun ohne das man (bei Silice 2) nach dem Top: eine Minus Position angibt?

29.04.2009 13:53 | geändert: 29.04.2009 14:00

2 Jörg

Ich würde die beiden divs mit float:left und float:right nebeneinander postionieren

<div style="display: block; z-index: 1; background: #f00fff; top: 0px; width:982px; margin:0 auto">
        <div style="background: url(slice_01.jpg);  width: 680px; height: 80px; float:left;">Slice1</div>
        <div style="background: url(slice_02.jpg); width: 302px; height: 80px; float:right;">Slice2</div>
        <div>Test</div>
</div>

29.04.2009 17:33

Beitrag schreiben (als Gast)





[BBCode-Hilfe]