Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
anya
Threadersteller
Dabei seit: 11.06.2007
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Do 19.07.2007 11:06
Titel Problem mit Div |
|
|
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!
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mo 23.07.2007 14:47
Titel Re: Problem mit Div |
|
|
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...
|
|
|
|
|
Anzeige
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
CSS & DIV Problem
IE 8 Problem
css Problem mit dem IE
Problem mit FTP
php problem
|
|
|
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.
|
|