mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:32 Benutzername: Passwort: Auto-Login

Thema: Problem mit Div vom 19.07.2007


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

Dabei seit: 11.06.2007
Ort: -
Alter: 39
Geschlecht: Weiblich
Verfasst Do 19.07.2007 11:06
Titel

Problem mit Div

Antworten mit Zitat Zum Seitenanfang

Hallo,

Ich Blindfisch seh grad meinen Fehler nicht.
Kann mir jemand bitte mal helfen O.o

Folgendes ist der Fall:
Ich muss ne Seite erstellen. Diese soll sich über die gesamte Browserbreite spannen, das klappt auch wunderbar.
In der Mitte hab ich meinen Container, der 452 Pixel hoch ist.
Da befindet sich auf der linken Seite ein Bild, rechts daneben soll sich ein DIV über die restliche Breite des Browsers aufspannen. dem Div hab ich ein Hintergrund gegeben, der den Rand des Div-Bereiches simulieren soll (habs mit border probiert, aber das ging irgendwie nich -.-) Zudem hat der Div einen overflow:auto; verpasst bekommen.
Mein Problem jetzt ist, dass das im IE zwar nett aussieht, so wie es eigentlich soll, aber im Firefox steht der Text wo ganz anders, nämlich unter dem Bild und dem eigentlichen Inhaltsfeld.
Auch hat der IE sowohl einen senkrechten als auch waagerechten scrollbalken, was nich grad toll aussieht. und zumrechten browserfenster ist auch ein abstand.

am betsen ich zeig euch mal den code:

das ist die css:
Code:
body {
     background-image: url(bgsite.jpg);
      font-family: verdana, sans-serif;
      font-size: 100%;
     color: #000; 
     text-align: left;
     margin:15% 0;
     padding:0;
     }
   
H1 {
    font-variant:small-caps;
   }

 a:link {
        color: #4a4949;
      text-decoration: none;
      }
 a:visited {
           color: #000;
         text-decoration: none;
         
        }
 a:active {
           color: #2f606f;
         text-decoration: underline;
         
        }
 a:hover {
          color: #2f606f;
        text-decoration: underline;
       
        }

       
#Content {
   width:100%;
   height: 452px;
   margin:0;
   text-align:left;
   padding:5px 0 5px 0;
   border-top:1px solid #333;
   border-bottom:1px solid #333;
   border-right:0;
   border-left:0;
   background-color:#fff;
   background-image: url(divbg.gif);
   background-repeat:repeat-x;
   }
   

#box1{
float:left;
height:450px;
}


#box2{
float:left;
height:450px;
overflow:auto;
text-align: left;
padding:0 0 0 5px;
margin:0 0 0 0;
}


und das der quelltext:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>

<div id="Content">
<img id="box1" src="pic1.jpg" style="border:1px solid #000;" />
<div id="box2">testest2t est2tes testestest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testes testest2t est2tes testestest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testes testest2t est2tes testestest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testes testest2t est2tes testestest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testest2t est2tes testes </div>
<span style="clear:left;"></span>
</div>

</body>

</html>


Danke schon mal für eure Hilfe!
  View user's profile Private Nachricht senden
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mo 23.07.2007 14:47
Titel

Re: Problem mit Div

Antworten mit Zitat Zum Seitenanfang

anya hat geschrieben:
Hallo,

Ich Blindfisch seh grad meinen Fehler nicht.
Kann mir jemand bitte mal helfen O.o

Folgendes ist der Fall:
Ich muss ne Seite erstellen. Diese soll sich über die gesamte Browserbreite spannen, das klappt auch wunderbar.
In der Mitte hab ich meinen Container, der 452 Pixel hoch ist.
Da befindet sich auf der linken Seite ein Bild, rechts daneben soll sich ein DIV über die restliche Breite des Browsers aufspannen. dem Div hab ich ein Hintergrund gegeben, der den Rand des Div-Bereiches simulieren soll


kannst du das mal skizzieren, photoshop oder so, ich steig durch deine beschreibung irgendwie nich durch...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Formmailer-Problem-neues problem
CSS & DIV Problem
IE 8 Problem
css Problem mit dem IE
Problem mit FTP
php problem
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.