|
|||
CSS-Div Problem IE und der Rest
Hi Leute,
Hallo erstmal an alle . Wie man sicherlich erkennen kann bin ich neu hier, also nehmt mir bitte nicht böse, wenn ich das eine oder andre mal im falschen bereich poste. Hab auch gleich ein erstes Problemchen. http://www.marcus-krause.de/its/beta_1_3/ http://www.marcus-krause.de/its/beta...s/frontend.css Im IE werden neben den linken DIVs weiße Ränder angezeigt. Im Firefox und Co sind die nicht, dafür aber der rechte untere DIV um 1Px nach oben verschoben. Bekomm es einfach nicht hin das alle Browser exakt das gleiche anzeigen. Vielleicht habt ihr ja einen Tip für mich. Gruß Marcus |
Sponsored Links |
|
|||
eine möglichkeit ist die:
Code:
css: body {margin:0;padding:0;height:100%;} #system {width:100%;background:eee;} #top {height:88px;} #logo {position:relative;float:left;width:20%;background-color: #fff;} #head {position:relative;float:right;width:80%;background:#aaa;} |
Sponsored Links |
|
|||
Hi und danke ersteinmal für die Antwort. Das Problem ist ich brauche die erste Spalte unbedingt auf 200px und die zweite soll genau den Rest des Browserfensters annehmen. Wenn ich allerdings bei deiner Version keine Breite einstelle ist das DIV nur so groß wie der Inhalt.
Muss doch noch irgendwie ne andre Lösung geben. Gruß Marcus |
|
|||
divs berechnen sich nach dem elternelement und deren einheit.
das problem ist das man das so erstmal nicht mischen kann außer man macht einen anderen aufbau) d.h. hat das elternelemt eine % angabe oder eine ausrichtung mit margin ( daraus resultierend 100% breite) kann man mit px werten nicht arbeiten. der grund liegt darin das der browser keine umrechnung oder folgerechnung besitzt. denn er müßte folgende rechnung ausführen elternelement = 100% umrechnung in px wert. daraus reslutierend 200px erste inhalt + rest % anpassung = asfüllen des vorhanden platzes. der browser kann diese rechnung aber nicht ausführen wegen dem px wert. er unterbricht den spaß da ujnd besitzt in der anwendung der restlichen kein elternelemet als basisberechnungsmöglichkeit. lösung also: 1. elternelement feste breite, resultierend daraus die container in fester breite. 2. möglichkeit. container 1 wird in die absolut ebene gehoben, container 2 (rechts) ist relativ und ein margin wert links, entsprechend der breite des absoluten blocks. problem hier ist die anpassung des inhaltes da beide container nun in einer anderen ebene arbeiten und voneinander nicht mehr abhängig sind. somit muss man dafür sorgen das der reltaive inhalt immer größsser als der absolute inhalt ist. oder gleich. hoffe ist verständlich. oben nur erklärung des problems unten die lösung |
|
|||
@Sentinel
Also die 2te Lösung kommt schon ziemlich nah ran, hatte ich auch schon mal ausprobiert, nur bekomme ich da in jedem nich IE - Browser Scrollbalken (h und v). Diese sind genau so groß, wie die festen Höhen und Breiten der statischen DIVs. Wenn man die noch irgendwie wegbekommt, dann wäre es genau so wie ich das gerne haben möchte.... gruß marcus |
|
|||
die höhen angaben musste schon anpassen, wenn du einen festen wert eingibst ist freile ein skrollbalken da
__________________
Wie ich am schnellsten Hilfe bekomme... 1. Beschreibung des Problems 2. HTML Case mit eurem Code 3. CSS Case mit eurem Code 4. evtl. einen Screenshot oder einen Demo Link Bsp: http://www.xhtmlforum.de/viewtopic.php?t=6613 |
|
|||
Hmmm das iss ja das Problem, die festen Angaben kann ich nicht rausnehmen, wegen dem Inhalt der später dort einmal folgen soll. Sprich die linken DIVs haben feste Breite und die Container-DIVs teilweise feste Höhen. Gibt es da keine andere Möglichkeit?
Marcus |
|
|||
wenn du feste größe brauchst darf der inhalt diesen auch nicht übersteigen, logisch oder.
bevor das endlos romane werden, was solls denn werden? grundriss machen benötigte container, je nach vorstellung) danach der inhalt darin, ab fest oder flexibel.
__________________
Wie ich am schnellsten Hilfe bekomme... 1. Beschreibung des Problems 2. HTML Case mit eurem Code 3. CSS Case mit eurem Code 4. evtl. einen Screenshot oder einen Demo Link Bsp: http://www.xhtmlforum.de/viewtopic.php?t=6613 |
|
|||
Also auf dem angefügten Bild ist der Zustand den ich gerne hätte. In jedem Browser auch noch...
Das Browser-Fenster optimal ausgenutzt und im rohzustand ohne Scrollbalken, wenn der text die DIVs natürlich sprengt sollen freilich Scrollbalken kommen. Hoffe man kann erkennen worauf ich hinauswill. |
Sponsored Links |
|
|||
Für deine durchgehenden Spalten bieten sich "faux columns" an (Google, Suchfunktion).
Für "100% Höhe und footer immer unten" gibt's hier Hilfe: http://www.themaninblue.com/writing/...ve/2005/08/29/ Grüße fricca |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS / HTML Newsletter responsive - Problem mit 2 Div classes | Neuling123 | (X)HTML | 3 | 03.06.2015 08:28 |
[Anfänger] DIV & CSS Problem! | keNt | CSS | 4 | 31.07.2010 02:42 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |
IE problem with div positions via css | Miroslav | CSS | 5 | 27.07.2006 14:25 |