---
title: "Probleme mit CSS, Explorer und DIV-Positionierung"
url: "https://www.typo3.net/d/59175-probleme-mit-css-explorer-und-div-positionierung"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2007-03-09"
last_reply: "2007-03-10"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Probleme mit CSS, Explorer und DIV-Positionierung

Frontend › Styling · 1 Antwort · gestartet 2007-03-09

## Eröffnungsbeitrag

**gino** · 2007-03-09 · [Beitrag #1](https://www.typo3.net/d/59175-probleme-mit-css-explorer-und-div-positionierung/1)

Ich habe das Problem dass meine komplett mit CSS gestylte Page im Explorer sch.... aussieht, weil die ganze DIV-Positionierung durcheinander geworfen wird   (www.pearlonline.ch).
Kann mir jemand verlässliche Browser-Hacks angeben, mit welchen man die Positionierung von DIV’s in den verschiedenen Browsern steuern kann?

Oder muss ich tatsächlich wieder auf Tabellen-Layouts umsteigen???

Hier mein CSS:
/* CSS Document */

body {
	background-color: #000418;
	margin:0px;
	padding:0px;
	}

.csc-firstHeader {
	font:bold 16pt fantasy;
	margin-bottom:-10px;
	color:#0099CC;

	}

.bodytext {
	font-family:fantasy;
	font-weight:bold;
	line-height:15pt;
	color:#ffffff;
	}

h2, h3,h4,h5,h6,div,p,body,html,input,button {
	font: bold 12px fantasy;
	color: #F39A1B;
	letter-spacing: 1px;
	}

p {
	line-height:20pt;
		}

#center img {
	border:1px solid #0099CC;
	margin-top:10px;
	}

h1 {
	color: #E075D7;
	margin-bottom: 12px;
	letter-spacing: 2px;
	font-family:fantasy;
	font-weight:bold;
	}

.table {
	boder:1px;
	color:white;
	}

.csc-textpic-caption {
	font: Helvetica, Verdana, Arial;
	font-size: 10;
  	color:#ffffff;
	border-bottom: 1px solid #0099CC;
	border-left: 1px solid #0099CC;
	padding-top:6px;
	padding-left:6px;
	letter-spacing:2px;
	}

img.block {
	display:block;
	}

div, img {
	margin:0;
	padding:0;
	}

div#container {
	  width:759px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:auto;
	  margin-bottom:auto;
 	  border:6px solid #000;
	  padding:12px;
	  background-color:#3300CC;
}

div#top {
	  font: bold 10px Verdana,Arial;
 	  clear:both;
  	  background-color:#73DB27;
	  text-align:right;
 	  color:#FFFFFF;
	  padding:5px;
	  padding-right:10px;
	}

div#top a {
   text-decoration: none;
   color:black;
   }

div#top a:hover {
	color:#3300CC;
	}

div#header { background-color:white; }

/*-----------------------------------*/

div#links {
	float:left;
	width:179px;
	padding-top:37px;
	padding-bottom:40%;
	background-color:#0099CC;
}

div#head {
	font: normal 10px Helvetica,Verdana,Arial;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:6px;
	background-color:#0099CC;
	letter-spacing:0.1em;
}

div#center {
	margin-left:178px;
	width:569px;
	height:581px;
	background: rgb(70%, 70%, 70%) url(styleSCHMUCKfotos_FILES/HintergrundSilber1.jpg) 100% 0 no-repeat;
	background-color: #000000;
	padding-left:12px;
	}

div#footer {
  clear:both;
  background-color:#73DB27;
  padding:10px;
}

#angry#

## Antworten

### [#2](https://www.typo3.net/d/59175-probleme-mit-css-explorer-und-div-positionierung/2) · einpraegsam.​net · 2007-03-10

Hacks findest du z.B. hier:
<http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html>

Klar ist aber dass das die unsaubere Methode ist. Für mich führt kein Weg an einer Browserweiche vorbei.

PS: Bitte bitte keine Tabellen für nicht tabellarische Daten

---

Quelle: „Probleme mit CSS, Explorer und DIV-Positionierung“, typo3.net, https://www.typo3.net/d/59175-probleme-mit-css-explorer-und-div-positionierung
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.