ich krieg noch die Krise !!!! (CSS mit Dreamweaver)

[messia04]

AAAAAAAAAAARRRRRGGGHHHHHHH!!!!!!!!!!!!!

(*mit-sich-selbst-redent*: tief durch atmen ... nicht aufregen ... buzzaaaaa)


ich chill noch aus ...

ich arbeite an meiner ersten CSS Seite rum und in Dreamweaver sieht alles richtig aus (wenn ich geteiltes Fenster einstelle) ... aber immer wenn ich es in Firefox, Opera oder Safari anschauen möchte, ist das ganze ding nicht mehr zentriert ...

hier ist der 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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="stilim2.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div align="center" style="width:900px; border:#CC9900 5px solid; border-top: none; background-color:#FFFFFF; height:300px">

<img src="banner.jpg" style="padding-bottom:5px; border-bottom:thin #cc9900 dotted"/>

<div align="left" style="border-right:#CC9900 thin dotted; width:30%; float:left; position:relative; padding:5px 0px 0px 30px">

        <div>hom</div>
        <div>blog</div>
        <div>uni</div>
        <div>pics</div>
        <div>links</div>
        
</div>



<div align="left" style="width:65%;float:right; position:relative">asa</div>
</div>


</body>

</html>

idee?

(bitte bitte bitte...)

 

[yjnthaar]

Moin,

Ist die CSS Datei denn bei der Vorschau auch "ladbar"? Zur Not einfach mal das HTML und das CSS in einen Ordner packen und von dort aus ankucken.

Gruss,
Simon

 

[Hilarious]

Du arbeitest mit einer etwas unsauberen Mischung aus HTML-Parameter (div align="left"...) und CSS-Inline-Angaben "float:left". Das wieder wird äußerlich zentriert, was zu schwer vorhersehbaren Ergebnissen führen wird. Die Layout-Vorschau von Dreamweaver ist kaum verlässlich bei solchen Konstrukten.

Hier hilft leider nur saubere Arbeit. Ein Tipp für Deine Problematiken:
http://intensivstation.ch/ hat ein schöne Sammlung von Beispielen.