zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div Frameset Fehler

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.10.2008, 19:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2008
Beiträge: 3
Fanzyboy befindet sich auf einem aufstrebenden Ast
Standard div Frameset Fehler

Hallo Ihr Lieben!

Ich bin so langsam am verzweifeln und möchte mich nun an Euch wenden!

Ich habe hier ein Frameset aus einem DIV und nem IFRAME gemacht, oben soll der 85px Balken mit Text sein und unten dann der IFRAME, einziges Problem ist, das der IFRAME im Firefox um 85px nach unten verschoben wird.

Wisst Ihr vielleicht woran das liegt und was ich anders machen kann?

Hier der Code:

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {padding: 0; margin: 0;}
html {overflow: hidden;}
#frame {position: absolute; top: 0; left: 0; width:100%; background-color: gray; background-repeat: repeat-x; height: 85px; padding: 0px; z-index: 10000;}
.text {font-size: 14pt; margin: 0; float: left; padding: 20px 25px 0px 25px; color: #000000; font-family: arial; }
.wrap {position: absolute; top: 0; left: 0; bottom: 0; padding-top: 85px; width: 100%; height: 100%;}
iframe.url {height: 100%; width: 100%; border: 0;}
.clear {clear: both; margin: 0px; padding: 0px;}
</style>
</head>
<body>
<div id="frame">
	<div class="text">Text</div>
	<div class="clear"></div>
</div>
<div class="wrap">
	<iframe src="http://www.web.de" class="url" frameborder="0"></iframe>
</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.10.2008, 17:47
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Ist doch klar, wenn du bei der Klasse wrap

Code:
padding-top: 85px;
angibst?! Btw. würde ich auf absolute Positionierung in dieser Form verzichten.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.10.2008, 11:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2008
Beiträge: 3
Fanzyboy befindet sich auf einem aufstrebenden Ast
Standard

Hallo threadi,

vielen Dank für deine Antwort!
Hast du vielleicht auch noch einen Tipp was ich Ändern kann?

Danke
Mit Zitat antworten
  #4 (permalink)  
Alt 19.10.2008, 15:00
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Klar: auf absolute Positionierung verzichten, dadurch bleiben die HTML-Elemente nacheinander stehen. Sollten 2 Elemente mal nebeneinander stehen sollten gibt es die CSS-Eigenschaft float.
Mit Zitat antworten
  #5 (permalink)  
Alt 19.10.2008, 16:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2008
Beiträge: 3
Fanzyboy befindet sich auf einem aufstrebenden Ast
Standard

Das habe ich schon ausprobiert!
Wenn ich beim .wrap die Absolute Position entferne, dann ist der Frame nur noch ca. 100 Pixel hoch!

Bei den anderen genauso!

Gruß, Fanzy
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Header entfernen tripple CSS 17 15.06.2010 16:41
Div Wight Auto???? temp11 CSS 8 30.06.2009 13:34
a:hover div -> display:block; IE fehler dottore:skin CSS 9 26.09.2006 16:16
flexibles Div soll Div mit fester Breite links umfliessen? braindead CSS 3 23.09.2006 13:58
div Positionierung bei Browsern Ancient CSS 22 17.03.2005 01:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:32 Uhr.