Antworten zum Thema „CSS Problem <div verschiebt sich ungewollt>“

WhiTeY · 07.03.2008

hi leute,
hab das problem, dass sich meine anpassung verschiebt.

so sieht dass in dreamwaver aus :

und so wenn ich es mit mozilla öffne:

der code :

Code:

<!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">
<head>
<style type="text/css">
#content {width:580px; height:42px; }
#high1    { height:25px; float:inherit }
#tf1      {width:558px; float:left }

#container {
  position:relative;
  margin:0;
  min-height:100%;
  height:auto !important;
  height:100%;}
  
body {
	background-color: #FCFCFC;
	height:100%;
}
html {
height:100%;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STEEL CLAN</title>
</head>

<div style="width:955px;" id="container">
<!--anfang hauptrahmen-->

<!--navi und head -->
<div><img src="slices/Bilder/tension_slice_ready_02.jpg" /></div>
<div><img src="slices/Bilder/tension_slice_ready_07.jpg"  /></div>
<!--login -->
<div style="float:left"><img src="slices/Bilder/tension_slice_ready_09.jpg"   /></div>
<div id="high1"><img src="slices/Bilder/tension_slice_ready_10.jpg" style="width:169px" /></div>

<!--content -->

<div style="width:580px; float:left">

<div id="content"><img src="slices/content extra slices/Bilder/tension_slice_ready2_conten.jpg" /></div>

<div style="background:url(slices/content%20extra%20slices/Bilder/tension_slice_ready2_05.jpg); height:600px; width:578px; text-align:center">
  <p>BLUBB BLAH BLAH UND So</p>
</div>

</div>

<!-- container/border-->

<div style="width:10px; background: #FFFFFF; float:left" id="container"></div>
<div style="width:169px; float:left">
<div style="width:169px;"><img src="slices/Bilder/tension_slice_ready_13.jpg" /></div>
<div style="width:169px; min-height:50px; background:url(slices/Bilder/tension_slice_ready_16.jpg)">  <p>&nbsp;  </p>  <p>&nbsp;  </p></div>
<div style="width:169px;"><img src="slices/Bilder/tension_slice_ready_32.jpg" /></div>
</div>




<!--ende Hauptrahmen-->
</div>

</body>
</html>

habe keinen plan wie es zustande kommt :/

wäre nett wenn mir jemand helfen könnte.

thx schon mal

WhiTeY

Uepfel · 07.03.2008

AW: CSS Problem <div verschiebt sich ungewollt>

Durch die Außenabstände des <p>-Tags.

p { margin: 0; }

schafft im Bezug darauf Abhilfe. Statt Außenabstand kann dann ja ein Innenabstand gewählt werden.

Es reicht auch, nur den Außenabständ nach oben des ersten Elementes im entsprechenden DIV auf 0 zu setzen

Schönen Gruß,

Uepfel

WhiTeY · 07.03.2008

AW: CSS Problem <div verschiebt sich ungewollt>

Du bist ein schatz

es funzt. Darauf wäre ich nie gekommen.

LG und dickes Thx

Whitey

Uepfel · 07.03.2008

AW: CSS Problem <div verschiebt sich ungewollt>

kein Problem

gabberjool · 07.03.2008

AW: CSS Problem <div verschiebt sich ungewollt>

benutze doch sonst das noch dazu:
https://addons.mozilla.org/de/firefox/addon/249

ist meines wissen nach ein gute fehler such und Abhilfe zu erweiterungen in den strings...