brauche hilfe bei Div-Design

[hobbyuser]

ist mi8st, aber was macht denn der IE draus?

ps. ist das padding nötig, odfer kann das weg?

1.) Garnichts! Die IE-Entwickler haben es schlichtweg nicht implementiert. Dies sollte sich jedoch mit Version 7 ändern.

2.) Welches "padding" genau meinst du?

 

[=]ReDHeaD[=]

okay, so geht es jetzt,
aber über "das ist eine musterüberschrift ist ca. 10px platz zum ende der menubox, wie bekomm ich den weg?

www.pmw-clan.de

ps. warum is beim IE 2x 35px + 150px + 630px nicht 850px?

oder, warum steht beim IE noch ein stück rechts über? ich versteh das nicht, und beim opera stimmen die buttons net ^^ soll ich 1000 css dateinb achen= xD


so, wie mach ichs denn nun, dass die sitenav auch mitwächst mit dem content (wegen der roten linie)

 

[hobbyuser]

okay, so geht es jetzt,
aber über "das ist eine musterüberschrift ist ca. 10px platz zum ende der menubox, wie bekomm ich den weg?

ps. warum is beim IE 2x 35px + 150px + 630px nicht 850px?
oder, warum steht beim IE noch ein stück rechts über?

so, wie mach ichs denn nun, dass die sitenav auch mitwächst mit dem content (wegen der roten linie)

1.) Verstehe ich nicht ganz was du meinst. Jedoch erzeugen Überschriften (H1 - H6) Zeilenumbrüche die du evtl. mit "margin:0;" retuschieren musst.

2.) Der IE berechnet bei Divs mit fester Breite die Breite anders als andere Browser (IE = Breite + Rahmen; ANDERE = Breite inklusiv Rahmen). Vielleicht liegt es daran, dann musst du ein Hack einfügen für den IE.

3.) Ich denke da hilft nur in Navi und Inhalt die Linie (Rahmen) zu definieren und beide übereinander legen.

 

[=]ReDHeaD[=]

zu deinem 3. punkt, das wollte ich machen, aber der IE macht zwischen sitenav und inhalt ca. 3-4 pc abstand, deswegen waren es dann 2 linien auf einmal oO

by the way, das meinte ich auch mit padding! also der abstand der im ie ist, und ich weiß net woher er kommt...

 

[hobbyuser]

Ich hab irgendwo mal gelesen, dass der IE einen Abstand macht wenn man die Tags nicht direkt an den Inhalt schreibt oder so. :roll:

Im Zweifel musst du die 3 - 4px Unterschied, mit einem negativen "margin" im Hack ausgleichen. Das ist aber auch nicht gerade das gelbe vom Ei. :neutral:

 

[=]ReDHeaD[=]

naja habs jetzt so gemacht, sitenav linie weg, und inhalt hat ne linie links, so hab ich schonmal keine 2, sieht halt ein wenig blöd aus, weil die linie nich direkt am ende vom button sitzt, naja was soll man machen mit diesem problemkind ;) aber welches attribut muss ich für h's angeben, damit er keinen abstand nach oben hin macht?

nochmal, ich raff es net:

#sitenav {
background:transparent;
color:#ffffff;
    margin-left:35px;
    width:150px;
         height:800px;
         min-height:800px;
         border-style:solid;
         border-width:0px;
         border-right-width:0px;
         border-color:#A91B1A;
         float:left;
}

#inhalt {
background:url(../bg_themes/background.png);
color:#ffffff;
    margin-left:185px;
         width:630px;
         height:800px;
         min-height:800px;
         border-style:solid;
         border-width:0px;
         border-left-width:2px;
         border-color:#A91B1A;
}

er steht auf der rechten seite 2px über, und die inhalt-box schließt net an sitenav an ^^

die gesamte box is 850px breit, und hat links und rechts einen 35px breiten rand (bg_grafik)


acjso, ich hab ja noch die login-box, wie bekomm ich die dejnn so, dass sie 100px linksabstand zur inhalt-box und 100px-top abstand zur inhalt box hat?
also sie müsset wahrscheinliche IN die inhalt-box, aber es geht net richtig dan, die kommt immer unter den inhalt, das ist zwar korrekt, wegen keinem position:absolute; aber ich will, dass sie egal was da steht einen bestimmten inhgaklt hat, geht es, wenn ich diese box position:absolute gebe und sie dann relativ zum gesamtem bildschirm positioniere?

EDIT: schei..


habs gerade im IE gesehen (<7) da siehts so aus:
(IE <7 -fehler)

Screenshot_1
Screenshot_2

IE 7 fehler:

Screenshot_3

http://www.pmw-clan.de/css/ie5korrekturStylesheets für IE

 

[=]ReDHeaD[=]

SRY wegen dem doublepost aber wird sonst zu unübersichtlich ..

#container {
background-color:#000000;
color:#ffffff;
    margin-top:30px;
         margin-left:70px;
    width:850px;
         min-height:1006px;


}
#banner {
background:url(../bg_themes/pmw_banner.png);
color:#ffffff;
    width:850px;
         height:186px;
}
#content {
background:url(../bg_themes/bg_content_box.png);
color:#ffffff;
         width:850px;
         min-height:820px;
}



#topnav {
background:red;
color:#ffffff;
    margin-left:35px;
         width:780px;
         height:50px;
         border-style:solid;
         border-width:0px;
         border-bottom-width:2px;
         border-color:#A91B1A;
}

#sitenav {
background:green;
color:#ffffff;
    width:150px;
    margin-left:35px;
         height:800px;
         min-height:800px;
         border-style:solid;
         border-width:0px;
         border-right-width:0px;
         border-color:#A91B1A;
         float:left;
}

#inhalt {
background:blue;
color:#ffffff;
    margin-left:185px;
         width:630px;
         height:800px;
         min-height:800px;
         border-style:solid;
         border-width:0px;
         border-left-width:2px;
         border-color:#A91B1A;
}

#footer {
background:orange;
color:#ffffff;
         clear:left;
         height:20px;
         width:850px;
}

#spacer {
background:yellow;
color:#ff0000;
         clear:left;
         height:30px;
         width:850px;
}

das is der css code, und da müsste alles stimmen, aber der IE 7 macht einen fehler, und zwar:

www.pmw-clan.de/3.jpg

okay, eventuell vertretbar, aber der IE <7 ist hammer:


www.pmw-clan.de/1.jpg

www.pmw-clan.de/2.jpg

<div id="container">

    <div id="banner">
    </div>
    
    <div id="content">

    <div id="topnav">
    </div>
   
    <div id="sitenav">
    </div>

    <div id="inhalt">
    </div>

    <div id="footer">
    </div>
     
    <div id="spacer">
<div align="right">{&copy; by the guys from pmw-Clan, Coding & Design by -=[5AKRIL3G]=-}</div>
    </div>

    </div>

    </div>

da wirds aufgerufen...

bitte, kann mir einer helfen ...

EDIT: letzter post:

gelöst freunde ich habs !! xD

www.pmw-clan.de

wäre net, wenn jeder mal schaut ob da was komisch aussieht und mir bescheid gibt, wenn ja, besonders mac systeme ;)

also du hobbyuser wer noch mac hat weiß ich nich,


auf jeden fall ein riesen dankeschön an hobbyuser und respekt an seine kentnisse in css ! ;heart

 

[hobbyuser]

Hi Hewitt_1991

Es sieht tatsächlich in allen meiner 3 Browser gleich aus. Einziger Wermutstropfen bleibt die Invalidität. Denn mein Beispiel war XHTML valide und bei dir Fehlt es schon an einem korrekten Doctype. :roll:

Ansonsten hoffe ich das du viel gelernt hast bei der Erstellung des Designs.

Gruß
Hobbyuser

 

[=]ReDHeaD[=]

das is jetzt der nävhste schritt, ich hab in den letzten 3 tagen so oft die komplette index gesplitted und hab sie jetzt in tausenden backup.txt's aufm rechner, die alle einen datenbankeintrag enthalten ;) counter usw..

umd die validitär kümmere ich mich jetzt!