CSS Layout funktioniert nur bei IE

von **abc007** » 16.01.2011, 20:01

Hallo,
Folgende Ausgangssituation:
Ich hab mir eine Homepage erstellt und mit Hilfe von CSS ein Layout aus einzelnen Containern erstellt. Das sieht soweit auch alles ganz gut aus.
Nur ist mein Problem das in jedem Browser mein Homepage anders aussieht. Also im IE 8 sieht alles so aus wie ich es haben will. Bei Google Chrome und Firefox lässt sich nix mehr erkennen von meinen Layout
Ich habe unten meine CSS Inhalt mal mit beigefügt. Was kann ich machen damit meine HP in jeden Browser gleich aussieht?? Ich bin Anfänger, vielleicht könnt ihr mir ja Tipps geben.
Ist es überhaupt möglich das zu realisieren? mit meinen Wissensstand?

#c1{
width: 1024px; //mein Untergrund auf dem alle Container draufgepackt werden
height: 768px;
background-color: #1697CE;
}

#c2{
width: 1024px; //Banner
height: 150px;
background-image:url('banner.jpg');
margin-left: 0;
}

#c3{
width: 224px; //meine Navigationsbar
height: 618px;
background-color: #1697CE;
margin-left: -800px;
}

#c4{
width: 800px; //hier wird der Inhalt reingepackt
height: 618px;
background-color: #0CA5F9;
margin-left: 224px;
margin-top: -618px;
}

body {
background-color: #181884;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}

von **Executor** » 16.01.2011, 22:17

html code und n links zur seite würden helfen. wenn die seite nich online ist, dann wenigstens ein screenshot oder so. aber ohne html code is es n kleines ratespiel

lg

von **abc007** » 17.01.2011, 14:37

<html>

<head>
<title>Fun</title>

<style type="text/css">


</style>

<script language="JavaScript">
<!-- IE and NS6 Menu Button script kurt.grigg@virgin.net
if (!document.layers){
.
.
.
//hier habe ich das Javascript für die Menüleiste entfernt
</script>

<link rel="Stylesheet" type="text/css" href="Style.css"/>
<meta name="author" content="Stefan">
</head>

<body>
<div id="c1">
<div id="c2"> </div>
<div id="c3">

<br>

<script language="JavaScript">
//hier stand das zweite Java Menü script
</script>

</div>

<div id="c4">

<body bgcolor=1C2BA0>

<table width="100%" height="100%">
<tr><td width="100%" style="background-image: url(Bilder/Gesicht.jpg);background-position: center center;background-repeat: no-repeat">

<center>
<a href="pass2/Bilder 2/gallery.html" target="rechts" onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"><img SRC="Button/bilder.png" Border=0 alt="Lustige Bilder!">

<br><br><br><br>

<a href="pass2/Illusion 2/gallery.html" target="rechts" onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"><img SRC="Button/illusion.png" Border=0 alt="Optische Illusionen!">

</a>
<br> test
</center>
</tr>
</table>
</div>
</div>
</body>
</html>

so ich hoffe ihr könnt etwas damit anfangen. Ich hab die Javascript rausgenommen damit das ganze ein bischen übersichtlich ist(hab mit dem Menü auch keine Probleme)

von **djheke** » 17.01.2011, 15:38

Deine Tabelle ist nicht korrekt. Da fehlt ein </td>

p.s. Muss es unbedingt eine Tabelle sein ?

von **abc007** » 17.01.2011, 21:11

okay ich hab die tabelle rausgenommen jetzt sieht das auch schon alles besser aus :-D

das ist mein html Code nochmal vereinfacht. So ich habe nun noch eine weitere Frage:
Bei IE8 wird mein Layout zentriert angezeigt(so möchte ich das haben) und bei Google Chrome fängt das Layout direkt am linken Bildschirm Rand an.
Kann ich da noch was machen?

<html>
<head>
<title>test</title>

</head>
<link rel="stylesheet" type="text/css" href="Style.css"/>
<div id="c1">
<div id="c2"> </div>
<div id="c3"> </div>
<div id="c4">

</body>
</html>

von **djheke** » 17.01.2011, 22:07

Versuchs mal damit.

Code: Alles auswählen: body { width:1000px; /* Hier musst du deine gewünschte breite eingeben */ margin:0 auto; ..... ... weitere einträge }

von **djheke** » 17.01.2011, 22:08

Achso, dein "text-align:center" kannste rausnehmen.

von **abc007** » 18.01.2011, 22:01

so mein Problem ist gelöst. Ich hab den css code etwas umgestellt :-D

danke für eure hilfe

von **Azra** » 27.01.2011, 08:04

Äh... fehlt da nicht das Doctype?

CSS Layout funktioniert nur bei IE

CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Re: CSS Layout funktioniert nur bei IE

Ähnliche Beiträge zu "CSS Layout funktioniert nur bei IE"

Wer ist online?