|
|
|
| Latest News |
Latest Threads |
|
|
 |
| 54.285 Posts & 4.945 Themen in 78 Foren |
|
|
|
|
 |
Forensuche |
|
Suchbegriff |
Benutzerauswahl |
Ergebnisse anzeigen |
|
 |
div funktioniert nicht mit table drin
20 Beiträge in diesem Thema |
|
|
|
|
|
|
|
|
|
 |
06.01.2009 - 11:29 Uhr |
|
|
|
|
Im Grunde brauchst du keine extra Datei für den IE. Solche Extra-Sachen sind, soweit ich es bisher erlebt habe, nur bei ganz speziellen Sachen notwendig, wie z.B. bestimmte Box-Varianten, die sehr speziel sind. Oder auch Abstände (innen, außen).
Was die Positionierung angeht:
Absolute Positionen gehen immer, wenn Top / Bottom / Left / Right im Spiel sind, von der Übergeordneten relativen Position aus.
In der Regel ist dies immer der Rand des Browsers bzw. der Html / Body - Bereich der Seite.
Der ist sozusagen immer auf position: relative; gestellt.
Damit dies umgangen wird, bzw. ein extra Bereich gemacht wird, muss zuerst eine relative Position erschaffen werden.
| | PHP-Quelltext <div style="position: relative;">Mein Inhalt</div> | |
Diese Box ist nun relativ eingestellt. Rand ist nun die der Rand der Box und nicht mehr des Browsers bzw. Html / Body - Bereiches.
In dieser Box kann man nun eine weitere Box rein tun, die position: absolute; gestellt ist. Mit Top / Bottom / Left / Right kann man nun sagen, wo diese innere Box sein soll. Mit negativen Werten wird die innere Box außerhalb der übergeordneten Box angezeigt.
Aus diesen Grund ist die Bildschirmgröße nicht relevant.
Ach ja:
Margin oder Padding sollten bei absoluten Positionen nicht umbedingt benutzt werden.
Zum einen weil der IE wieder zanken würde, und zum anderen kannst du ja mit Top / Bottom / Left / Right positionieren.
Für Text-Formatierungen kannst du natürlich Margin oder Padding in so einer absoluten Box anwenden.
Was den Rand angeht:
Im Quellcode, sowie bei deinen einen Post steht das:
| | PHP-Quelltext <tr>
<td align="center" width="980">
<div id="minitabs">
<!-- <ul id="minitabs">
<li><a id="current" href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul> -->
navi2
</div>
</td>
</tr> | |
Dort ist ein Teil auskommentiert und direkt darunter steht "navi2".
Dieser wird auch in allen 3 Browsern angezeigt.
|
|
|
| |
|
|
|
|
|
|
|
|
06.01.2009 - 19:08 Uhr |
|
|
|
|
ja war auch so bebasichtigt. also das mit der navi2. wollte ich da jetzt erstmal der übersichtlichkeit halber hinsetzen. da das untermenü eh noch aufgebaut werden muss für die verschiedenen seiten.
danke für die ausführliche erklärung. d würdest mir also raten ganz oben erst mal ein div mit relative hinzusetzen?
weil ehrlich gesgta bin ich ertsmal froh dass es funktioniert und bei browsershots.org war auch bei größerer auflösung alles richitg. bis auf den ie mit dem abstand ziwschen header und content.
klar ist das ganze jetzt sehr quick und dirty aber es funktioniert =) und es ist eh nur ne einmalige sache brauche es nie wieder.
deshalb suche ich die ganze zeit nur noch nach einer lösung den streifen wegzubekommen, dann würde ja alles funktionieren (freu)
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
|
06.01.2009 - 22:05 Uhr |
|
|
|
|
oh sorry....
ja mit relative war das problem, dass das headerbild nicht weit genug nach oben kam deshalb hab ich im ie abselute angewendet, eine andere Lösung habe ich nicht gesehen. wie gesgat sobald ich mit negativen werten versucht habe zu arbeiten wurde nur da sbild oben immer weiter abgeschnitten.
also entweder hat es sich wo drunter gelegt oder weiß weiß ich....
ne lokal testen tue ich im monent nichts...die Seite ist eh noch nicht in Nutzung. LAso eigentlich war das ür den nächsten zeitraum geplan und ansosnten funktioniert auch shocn fast alles nur dies blöde Problem mit dem Design und einigen php Sachen kriege ich noch nciht in Griff. Aber soviel dazu...
also an den CSS-Eigenschaften ahabe ich keine weiteren Änderungen vorgenommen. Ich kann die relevanten Dateien wen gefordert aber gerne auhc noch einmal posten. Ich finde überall keine erklärung für die Lücke. Aber ich habe auch nicht so die Ahnung. Als entworfnees Template hatte damals alles noch wunderbar funktioniert. Aber wies sich jetzt im Nachhinein herausgestllt hat war auch das voller Fehler und das größte Problem: eben nicht für ein Top-Login mit table struktur geeigenet.
|
|
|
| |
|
|
|
|
|
|
|
|
07.01.2009 - 19:56 Uhr |
|
|
|
|
puhh jetzt mach ich quick&dirty pur...wegen der blöden transparenz die eldier vererbt wird. kann man nach umfangreichem googeln leider auch nciht anders umgehen als div drüber legen.
und die lücke im ie stopfe ich einfach mit einem eigenen ie div :P
<!--[if lte IE 7]><![endif]--> wie gesgat total qucik&dirty aber ich habs aufgegeben.
wollte mich nur nocheinmal für die Hilfe bedanken, auch wenn ich davin ausgehe dass noch das ein oder andere Problem hinterher bei der Navi2 auftauchen wird 
|
|
|
| |
|
|
|
|
 |
Ähnliche Themen |
|
|
|
|
|
|
|
|
|
div funktioniert nicht mit tab..
