Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> div's richtig positionieren (für IE)
mys
  Geschrieben am: Mo 24.07.2006, 13:20
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 5
Mitglied seit: 18.10.2004


Hallo,

ich bin gerade dabei eine Homepage für einen Kumpel zu basteln und im Firefox funktioniert auch (fast) alles wunderbar, aber im Inet Explorer gibts Probleme mit der Positionierung.

Ich habe vier div's, eins oben (Header), eins rechts (Hintergrundgrafik), eins in der mitte (für den Inhalt, der aber erst später kommt..) und dann noch eins für die Navigation, die links hin soll. Wie gesagt funktioniert es im Firefox auch, und im IE bei kleiner Auflösung auch, aber bei größerer Auflösung verschiebt sich die naviagtion in die Mitte =(
Habe dazu auch mal 2 Screenshots gemacht:

so solls aussehen:
http://www.wunderbar.info/mys/niedrigeaufl.jpg

so siehts leider im IE bei höherer Auflösung aus:
http://www.wunderbar.info/mys/hoheaufl.jpg

Hier der css Code:
CODE

body {background-color:#000000; color:#ffffff; margin-right:0em; font-size:0.87em; font-family:VERDANA,ARIAL,HELVETICA; }

#bg { z-index:1; float:right;  overflow:hidden; width:27em; height:42em; }

#header  {z-index:0; position:relative;  margin-left:5em;  width:32em; height:12em; float:left; clear:left; overflow:hidden;}

#navi {z-index:3; line-height:2em; position:absolute;  margin-top:10em; margin-left:0em; text-align:left; font-size:1.3em; float:left; width:11.5em; }

#inhalt {z-index:2; position:absolute; margin:12em 15em; float:right;  width:46em;}



extra für den IE habe ich noch folgendes hinzugefügt:
CODE

<!--[if gte IE 5]>
<style type="text/css">
#header  {   margin-left:5em;}
#navi { position:relative;  margin-top:5em; }
#inhalt {margin:1.6em 3em; width:40em;}
</style>
<![endif]-->



Sieht jemand den fehler?? Oder kann mir sonstwie jemand helfen?? Wäre echt super nett!!


--------------------
>>>Es hat mich niemand gefragt, ob ich leben will, also hat mir auch niemand zu sagen, wie ich zu leben habe! ;)
...:::mysmania.de
Top
PMEmail PosterUsers WebsiteICQ
Top
 
 
jAuer
Jürgen Auer - freiberufl. Programmierer
#2 Geschrieben am: Mo 24.07.2006, 14:27 (+01:06)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 2438
Mitglied seit: 4.02.2006


Habs nicht getestet, hatte aber mal ein ähnliches Problem. Grob folgendes:


CODE
<div #bg>Bild als erstes</div>

<div #header> mit float:none </div>

<div style='clear:both'></div>

Rest


Sprich: Wenn Du im Header float:left sagst und rechts Platz ist, dann wird das darauffolgende Element natürlich hochgezogen. Ansonsten noch mit clear herumspielen.


--------------------
Web-Anwendung 3.0: Ein Online-Kalender für Termine vieler Filialen.

server-daten - die Single-Data-Solution: Web-Datenbanken als Online - CRM - Lösung.
Ihre Geschäftsprozesse entscheiden, was Ihre Online-Datenbank macht. Sie konzentrieren sich auf Ihr Kerngeschäft - Ihre Datenbank funktioniert.
Top
PMEmail PosterUsers Website
Top
 
Lanza
#3 Geschrieben am: Mo 24.07.2006, 15:24 (+00:56)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 421
Mitglied seit: 14.04.2004


CODE
#header  {z-index:0; position:relative;  margin-left:5em;  width:32em; height:12em;



versuch mal den Header mit width: 100%
Top
PMUsers Website
Top
 
mys
#4 Geschrieben am: Mo 24.07.2006, 21:43 (+06:18)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 5
Mitglied seit: 18.10.2004


mit header width 100% wäre die hintergrundgrafik nach unten gerutscht.. :/

aber mit clear:none scheint es zu funktionieren =)

vielen Dank für die schnelle Hilfe! smile.gif


--------------------
>>>Es hat mich niemand gefragt, ob ich leben will, also hat mir auch niemand zu sagen, wie ich zu leben habe! ;)
...:::mysmania.de
Top
PMEmail PosterUsers WebsiteICQ
Top
 
René Weber
rwx-support
#5 Geschrieben am: Mo 24.07.2006, 21:53 (+00:10)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Server problem. 34° and 64% outside. Splash, René


--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
René Weber
rwx-support
#6 Geschrieben am: Mo 24.07.2006, 21:53 (+00:00)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Ich würde einen Kasten (DIV) um das ganze herum bauen und dann mit den Werten LEFT und TOP spielen.
Das heisst:
<DIV class="main" TOP=xxx LEFT=xxx>
dein inalt
.
.
.
dein inhalt
</DIV>

Cheers, René


--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
mys
#7 Geschrieben am: Di 25.07.2006, 10:50 (+12:56)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 5
Mitglied seit: 18.10.2004


ne, also ich habs jetzt doch mit float:none gemacht..

und wenn der div von der Hintergrundgrafik im Quelltext drüber steht, dann bleibt er sogar oben =)


--------------------
>>>Es hat mich niemand gefragt, ob ich leben will, also hat mir auch niemand zu sagen, wie ich zu leben habe! ;)
...:::mysmania.de
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/13037

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
SEO - Pagerank und Co - wie macht man's ric ... littlefish 171 2 Do 20.11.2008, 01:23
Webprojekt richtig planen luckya3 422 5 Mi 19.11.2008, 15:36
Online Targeting richtig einsetzen TD Andi 148 0 Di 30.09.2008, 14:52
Wie schreibt man ein Angebot richtig? -Deniz 220 4 Fr 29.08.2008, 16:17
Von Anfang an alles richtig machen deetee 864 14 Mo 24.03.2008, 23:32
Geht hier die Uhr richtig oder was ? heidi 205 1 Mo 25.02.2008, 19:01
Datum richtig ausgeben Brian Folte 515 13 Mi 24.10.2007, 19:37
Webseite funkt. nicht mehr richtig unter php5 radarin 324 3 Mo 24.09.2007, 10:24
Sitmap in Google richtig einrichten cusco_ii 278 3 Do 2.08.2007, 02:08
Header richtig eingestellt? cusco_ii 257 2 Fr 13.07.2007, 19:52




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]