|
|||
Statische div Container bei änderung der Browsergröße ( In % Angabe)
Guten Tag,
habe jetzt schon google durchforstet und auch hier die Suche gequält, dennoch finde ich nirgends ein Thread der annähernd an mein Problem ansetzt... Ich habe folgende CSS Datei: Zitat:
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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>monotonWEBmedia.de - spreading inner creativity</title> <link rel="stylesheet" type="text/css" href="stil.css"> </head> <body> <div id="logo"></div><div id="intext">TEST</div> </body> </html> Ich möchte jedoch, das die div´s statisch sind, sprich an der Stelle im Dokument bleiben und quasi bei jeder Auflösung und größe vom Browser / Besuchersystem die div´s bei genau diesen % Angaben sitzen... Sprich bei 800x600 Auflösung links zu 50% zentriert, bei 1280x1024 auch usw ... Hoffe das man mir soweit folgen kann? Sprich dynamische div Container, die sich immer an der Auflösung / Browsergröße des Besuchers orientieren aber dennoch statisch auf der position des HTML Dokuments fixiert ist... Hoffe, das jemand ne möglichkeit weiss ( Außer mit px Angaben zu arbeiten >.< ) grüße, napfkuchen! |
Sponsored Links |
Sponsored Links |
|
|||
Das Problem:
"position: relative;" bedeutet, dass es sich am möglichen Standort orientiert (da wo es eigentlich hätte hinkommen sollen. "position: absolute;" bedeutet, dass es sich am umschließenden Element orierntiert (also das Eltern-Element) "position: fixed ;" bedeutet, dass es sich am Viewport orientiert... also am Browserfenster. Also probier mal die letzte Variante. Löst das dein Problem??? |
|
||||
Hi,
Zitat:
Das kann ich leider nicht so stehen lassen : position:relative; Relativ posit. Elemente bewegen sich relativ zu ihrem ursprünglichen Platz auf den Neuen. D.H. wenn das relative Element z.B. die Angaben top:25px left:25px bekommt, verschiebt es sich um 25px nach rechts und um 25px nach unten, immer von seinem alten Platz aus gesehen. Vorher machen sie einen Zaun um den alten Platz, damit da keine anderen Elemente hinkönnen. position:absolute; Absolut posit. Elemente sind komplett aus dem Textfluß raus. Die anderen Elemente tun so als wäre das absol. Element nicht da. Nachfolgende Elemente besetzen also den Platz, wo vorher das Absolute gehockt hat. Positionsangaben beziehen sich immer auf body, es sei denn das umgebende Element hat postition:relative;, dann orientiert sich das absol. Element bei den Positionsangaben daran. position:fixed; Fixierte Elemente sind wie absolute Elemente, bleiben jedoch beim Scrollen an der gleichen Stelle stehen. Sie orientieren sich immer an body. Leider kann der IE 6 mit position:fixed nix anfangen.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Kleine Ergänzung zu hubses Ausführung:
position:static = Ausgangswert und kann deshalb weggelassen werden. Element ist normal im Fluß.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 22:48 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 13:12 |
Div mit margin spannt Div container nicht auf. | donfo | CSS | 11 | 27.02.2008 11:51 |
div container verschachteln | blau | CSS | 2 | 05.12.2006 19:44 |