Autor |
Nachricht |
Pinhead86
Threadersteller
Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mi 14.02.2007 12:32
Titel [CSS] Frage zu Div statt Ebene |
|
|
Hallole,
ich bin ein CSS-Noob und habe zwei Probleme/Fragen
Ich habe eine zentrierte HP erstellt und irgendwie stehe ich
auf dem Schlauch bzgl. dem einfügen eines DIVs.
Klick mich
a)
Ich möchte das ein DIV an folgender Position erscheint
und
b)
Im IE habe ich links unten einen kleinen weißen Absatz,
im Firefox taucht dieser nicht auf, habe jetzt schon mit
allem möglichem rumprobiert, bekomme den aber
nicht weg.
Ich habe meine Preview-Version mal hochgeladen,
vielleicht hilft das weiter
HTML-Seite
Wäre super, wenn mir jemand weiterhelfen könnte
oder einen Link zum einlesen parat hat.
Danke schön...
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Mi 14.02.2007 13:29
Titel
|
|
|
Was mir beim groben drüberschauen aufgefallen ist:
Das div »links« halt ich für unnötig kann über eine margin-angabe im div navigation besser gelöst werden.
absbottom für das untere bild ist keine gültiges html (...)
Du verwendest für die divs abwechselnd class und id´s ... warum?
das div in dem du den text haben willst kannst du eingentlich recht gut plazieren margin-left des navigations divs + breite der Navigationsbilder + noch ein paar pixel als margin-left und noch ein wert für margin-top.
ZIM
|
|
|
|
|
Anzeige
|
|
|
Pinhead86
Threadersteller
Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 15.02.2007 09:29
Titel
|
|
|
Hallo Zim,
zuerst mal Danke für Deine schnelle Hilfe
Ich habe gestern rumprobiert und die neue Version mal online gestellt...
Zim hat geschrieben: |
Das div »links« halt ich für unnötig kann über eine margin-angabe im div navigation besser gelöst werden.
|
Ich habs über padding jetzt hinbekommen - bei margin hat es mir das layout zerhauen.
Es funktioniert aber nur im FF, im IE ist das HG-Bild verschoben...keine Ahnung woran das liegt
Zim hat geschrieben: |
absbottom für das untere bild ist keine gültiges html (...)
|
Okay, danke. Habs mit margin-bottom hinbekommen
Zim hat geschrieben: |
Du verwendest für die divs abwechselnd class und id´s ... warum?
|
Naja, wie gesagt bin ich noch totaler Anfänger und ich habe gedacht, dass
man IDs bei Elementen verwenden soll, welche nur einmal auf der Seite
vorkommen, deswegen habe ich für alle "einzigartigen" Elemente wie
Footer etc. gedacht das ich diese in IDs definieren
Zim hat geschrieben: |
das div in dem du den text haben willst kannst du eingentlich recht gut plazieren margin-left des navigations divs + breite der Navigationsbilder + noch ein paar pixel als margin-left und noch ein wert für margin-top.
|
Sobald ich das Div a innerhalb des Containers platziere zerhaut es mir das Layout, muss damit
irgendwie noch rumprobieren
Nochmals danke für Deine Hilfe
Zuletzt bearbeitet von Pinhead86 am Do 15.02.2007 11:02, insgesamt 1-mal bearbeitet
|
|
|
|
|
Pinhead86
Threadersteller
Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 15.02.2007 13:38
Titel
|
|
|
Also ich blicke es nicht, wie ich den Text-DIV im HTML-Code positionieren soll. Egal wo ich ihn reinplatziere zerhaut es mir was...vermtl. fehlt mir ein Befehl zur Positionierung oder so...ich habe mal bei css4you mich umgesehen, aber irgendwie stehe ich auf dem Schlauch. Code: |
.content
{
margin-left: 235px;
margin-top: 335px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
|
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Do 15.02.2007 14:21
Titel
|
|
|
Versuche es einfach mal indem du den div´s id´s zuordnest und das ganze mit top und left positinierst und einen z-index vergibst.
ZIM
|
|
|
|
|
Pinhead86
Threadersteller
Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 15.02.2007 16:26
Titel
|
|
|
Hmm..habe es jetzt mal mit IDs und Z-Index probiert, aber irgendwie krieg ich es nicht hin,
daß es im IE und FF gleich aussieht...
Z-Index Test
Zuletzt bearbeitet von Pinhead86 am Do 15.02.2007 16:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Fr 16.02.2007 07:17
Titel
|
|
|
Also die Verwendung von ID's für einzigartige Objekte des Layouts.. oder auch für DIV's die eben einen semantischen Teil erfüllen ist schon in Ordnung...
Wenn Du ein DIV wirklich frei positionieren willst kannst Du es mit dem Position Attribut versuchen.
Code: | position:absolute; top:123px; left:123px; |
wobei ich mir aber generell gedanken über die gesamte Struktur machen würde wenn was nicht passt.
Einen z-index brauchst Du eigentlich nicht... Du willst ja nichts überlagern... oder versteh ich da was falsch.
Nimm doch mal Deine beiden komischen DIV's da unten raus... und setz ein DIV hinter dem Navigationsdingens ein...
Dein Code schaut dann ungefähr so aus...
Code: | <img src="images/gebaeude.jpg" alt="erko firmengebäude" width="197" height="83" align="bottom">
</div><!-- navigation-->
<div style="border:1px solid blue;float:left; margin:0px 0px 0px 20px;">Inhalt</div>
<br style="clear:both" />
</div><!-- container-->
</body></html> |
Ach ja... und Dein Navigations Div braucht noch die Eigenschaft "float:left" im css... dann klappts auch mit dem nebeneinander...
|
|
|
|
|
Pinhead86
Threadersteller
Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Fr 16.02.2007 09:52
Titel
|
|
|
Impigra hat geschrieben: |
Wenn Du ein DIV wirklich frei positionieren willst kannst Du es mit dem Position Attribut versuchen.
|
Naja, ich habe ja das Position-Attribut verwendet, aber wenn ich "absolute" benutze, funktioniert
meine zentrierte Darstellung der Site nicht mehr. Deswegen habe ich "relative" verwendet, so das beim
skalieren des Browser-Fensters die Seite immer zentriert ist.
Ich habe Deine Vorschläge mal integriert (klick
Geht aber bei relative-Positionierung innerhalb meines Container-Divs nicht.
Vielleicht finde ich im Netz irgendeine ähnlich aufgebaute Seite und ich kann mir da mal den Code
ansehen...trotzdem danke für Deine Hilfe.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Fixierte Ebene?
Problem mit Ebene
Nav-Ebene im Contentbereich
Ebene (Layer), iFrame, Div...?
PS Ebene auf Farbe ersetzen?
Verlinkung zu einer Ebene???
|
|