zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div geht über anderen Div hinaus

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 19.07.2004, 13:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.05.2004
Beiträge: 71
jensr befindet sich auf einem aufstrebenden Ast
Standard

Ja und wie kann man das machen

So soll es aussehen:


Mit diesem Code funktioniert das natürlich nicht.
Der rote DIV soll sich einfach so verhalten, als ob er in die breite absolut und in der höhe relativ ist!
Code:
<div style="background-color:blue; position: relative; width:200px; height: 200px;">blauer container 

<div style="background-color:red; position:absolute; top:50px; left:10px; bottom: 10px; width:400px; height:350px"> roter container</div> 
</div>
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 20.07.2004, 22:58
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Alles, was du brauchst, sind negative Abstände. Wenn ich dich richtig verstanden habe.
Ungefähr so:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Überbreite</title>
<style type="text/css">
html, body {
	margin:		0;
	padding:	0;
	color:		#000;
	background:	#eeeee0;
	font-size:	100.01%;
	line-height:	1.35;
}
body {
	padding:	1em 10em;
}
div {
	color:		#000;
	background:	#ddddd0;
	border:		1px solid #888880;
	padding:	2em 0;
}
h1 {
	color:		#eeeee0;
	background:	#333330;
	border:		1px solid #000;
	margin:		0 -3em;
	font:		3em/3 Apple Garamond Light, serif;
	text-align:	center;
}</style><div><h1>Überbreite!</h1></div>
DIe genauen Abstände mußt du dir dann selber anpassen.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 21.07.2004, 23:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.05.2004
Beiträge: 71
jensr befindet sich auf einem aufstrebenden Ast
Standard

Also das sieht ansatzweise aus wie die Lösung für mein Problem!

<h1> überdeckt <div> in der Breite, jedoch nicht in der Höhe.

Aber, geht das auch, dass
  • 1. <h1> nur nach rechts überdeckt
  • 2. wenn der Inhalt nicht breiter als <div> ist, dass <h1> nicht überdeckt
  • 3. wenn der Inhalt größer ist als <h1>, nur <h1> gedehnt wird, jedoch <div> nicht!

Hier ein Bsp. in meinem Forum, damit ist es vielleicht bisschen verständlicher! Das gesamte Design ist mit Div's verwirklicht. Es ist auch schon alles so wie es sein sollte, nur beim 2. Bild, dehnt sich der Div in dem der Beitrag sowie das Bild ist, nicht mit! Es soll so aussehen wie im ersten Beitrag!

http://www.vibez-net.de/stuff/bsp.jpg
Mit Zitat antworten
  #14 (permalink)  
Alt 24.07.2004, 01:23
Benutzer
neuer user
 
Registriert seit: 21.10.2003
Beiträge: 98
PrinzEisenherz befindet sich auf einem aufstrebenden Ast
Standard

Warum pakst du das Bild nicht in einen <div>-Container mit Scroll-Balken?

Dann hat sich das Problem mit dem aufschieben der Seite doch erledigt.
__________________
PrinzEisenherz

www.daddlers-paradise.de
Lan-Partys
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
mit :hover einen anderen div ansprechen troneleck CSS 24 30.08.2013 19:40
Transparenz von anderen Div bei Hover ändern Joel1510 CSS 3 13.03.2013 13:25
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
flexibles Div soll Div mit fester Breite links umfliessen? braindead CSS 3 23.09.2006 13:58
Die maximale breite wird nicht erkannt notebook20000 CSS 9 22.06.2006 21:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:02 Uhr.