mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:39 Benutzername: Passwort: Auto-Login

Thema: Problem mit div vom 25.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit div
Autor Nachricht
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.07.2007 11:51
Titel

Problem mit div

Antworten mit Zitat Zum Seitenanfang

Hallo Kann mir einer sagen warum der IE den gelben balken nach unten setzt und nicht neben den hellblauen?
siehe hier klick


Hier die .html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="ISO-8859-1" ?>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>folgt noch</title>
 
  <meta name="keywords" content="..." />
  <meta name="DC.title" content="..." />
  <meta name="DC.creator" content="..." />
  <meta name="DC.subject" content="..." />
  <meta name="DC.publisher" content="..." />
  <meta name="DC.language" content="de" scheme="DCTERMS.RFC3066" />
  <meta name="DC.type" content="Service" scheme="DCTERMS.DCMIType" />
  <meta name="DC.rights" content="Alle Rechte liegen beim Autor" />

  <link rel="stylesheet" media="screen,projection"
   title="Standardstylesheet" href="css/default.css" type="text/css" />     
 </head>
 <body>
 <div id="default">
 
  <!-- HEADER START -->
 
  <div id="header01"><!--<img src="img/template/header_01.jpg" alt="Wilkommen bei , Ihr Restaurant f&uuml;r D&ouml;ner und T&uuml;rkische Spezialit&auml;ten in" />--></div>
  <div id="header02"><!--<img src="img/template/header_02.jpg" alt="Wilkommen bei , Ihr Restaurant f&uuml;r D&ouml;ner und T&uuml;rkische Spezialit&auml;ten in " />--></div>
  <div id="header03"><!--<img src="img/template/header_03.jpg" alt="Wilkommen bei , Ihr Restaurant f&uuml;r D&ouml;ner und T&uuml;rkische Spezialit&auml;ten in " />--></div>
 
  <!-- HEADER ENDE -->
 
  <div id="bg-left"></div>
  <div id="content-default"></div>
  <div id="bg-right"></div>
 
 </div>
</body>
</html>



und hier die css

Code:

* {
  margin: 0px; padding: 0px;
}

html {
  padding: 0px;
  margin: 0px;
}

body {
  background: #000000;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  text-align: center; /*fuer den IE*/
}

img {
  border: 0px;
}


#default {
  width: 998px;
  height: 600px;
  margin: 0px auto;
  background-color: #40423C;
  border-left: 1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;   
}

/*HEADER START*/

#header01 {
  width: 114px;
  height: 242px;
  float: left;
  background-color: #349581;
}

#header02 {
  width: 777px;
  height: 242px;
  float: left;
  background-color: red;
}

#header03 {
  width: 107px;
  height: 242px;
  float: right;
  background-color: #120392;
}

#header04 {
  width: 777px;
  height: 51px;
  clear: right;
  float: left;
}

/*HEADER ENDE*/


#bg-left {
  width: 114px;
  height: 100%;
  float: left;
 /* background-image: url(../img/template/bg-left.jpg);
  background-repeat: repeat-y; */
  background-color: red;
}

#content-default {
  width: 777px;
  height: 100%;
  float: left;
 /* background-image: url(../img/template/bg-content.jpg);
  background-repeat: repeat-y;*/
  background-color: blue;
}


#bg-right {
  width: 107px;
  height: 100%;
  float: right;
/*  background-image: url(../img/template/bg-right.jpg);
  background-repeat: repeat-y; */
  background-color: yellow;
}
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.07.2007 12:01
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#bg-right {
...
  float: left;
...
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.07.2007 12:29
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Code:
#bg-right {
...
  float: left;
...
}


geht leider noch immer nicht, wenn ich das so mache wandert der gelbe balken unter den roten linken balken
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.07.2007 12:44
Titel

Antworten mit Zitat Zum Seitenanfang

war auch nur Problemeingrenzung, mein IE6 stürzt grad ständig ab und ich kann´s nicht testen.

Entfern mal die Kommentare im Body.


Zuletzt bearbeitet von m am Mi 25.07.2007 12:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.07.2007 13:18
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
war auch nur Problemeingrenzung, mein IE6 stürzt grad ständig ab und ich kann´s nicht testen.

Entfern mal die Kommentare im Body.


shice die wand an...das hat tatsächlich geklappt...kann mir mal einer erklären warum der IE kommentare nicht mag?
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Fr 27.07.2007 11:33
Titel

Antworten mit Zitat Zum Seitenanfang

Weil es der iE is, wir mögen ihn nicht und er uns halt auch nicht.
Der iE macht soviel was er nicht soll...

Ich hab es mir es abgewöhnt (ausser in .CSS da geht das wunderbar)
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formmailer-Problem-neues problem
Problem mit Ton
Css problem
CSS Div Problem
IE 7 Problem!
Problem mit IE 6
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.