Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.08.2009 um 18:35 (UTC)    
Titel: Design Iceblue : Coolmenü / Navi oben / Problem

Moin Moin,


ich habe folgendes problem. wenn ich mein IE kleiner mache verschwindet
lins meine Navileiste. man kann sie auch nicht soweit raus scrollen das man
sie wieder sieht.

gibt es dafür einen Code?



MfG Adii


Zuletzt bearbeitet von sg-gluecksbrunn-schweina-fangruppe am 10.08.2009, 08:42, insgesamt einmal bearbeitet
Beitrag09.08.2009 um 18:42 (UTC)    
Titel:

Du darfst dann deine Navigation nicht an einem bestimmten Punkt positionieren:
Zitat:
#nav_container {font-weight: bold;font-size: 19px;color:#FFFFFF;
position: absolute;
left: 50%;
top: 232px;
margin-left: -624px;

width:250px;
height:830px;
border: 0px solid #B20000;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.08.2009 um 20:09 (UTC)    
Titel:

Grüße Dich,

soll ich das einfach löschen aus meinen Code oder wie.


Gruß adii
Beitrag09.08.2009 um 20:17 (UTC)    
Titel:

Hi, du musst das so positionieren,
dass es bei jeder Auflösung gleich angezeigt wird Wink
Mit der Angabe von "%" wird das immer Auflösung abhängig positioniert.
Der Code müsste dann so Aussehen:
Zitat:
#nav_container {font-weight: bold;font-size: 19px;color:#FFFFFF;
position: absolute;
left: 0%;
top: 10%
width:250px;
height:830px;
border: 0px solid #B20000;}
Den "top" Wert noch passend editieren Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.08.2009 um 20:30 (UTC)    
Titel:

wenn dies so versuche sehe ich gar keine Navileiste mehr
Beitrag10.08.2009 um 07:25 (UTC)    
Titel:

Korrekt , und die Ursache ist die Positiinierung all deiner anderen Felder.
Schau, du hast alle eine Klassen mit left: 50%; positioniert .
Das ist soweit korrekt, wenn man alle Klassen dann so ausrichtet .

Was macht das left: 50%; eigentlich ?

- mit left:50%; richten sich alle Felder nach der Bildschirm-Mitte aus !
- Egal bei welcher Bildschirm-Auflösung / Bildschirmgrösse
- margin-left:0px; ist dann IMMER die Bildschirm-Mitte
- Welche Minuszahl margin-left bekommt, hängt von der Breite des Feldes ab
- Immer Feldbreite geteilt durch 2 . Das wäre die Minuszahl, die margin-left bekommen muss !

Ein Beispiel :
- Dein Header ist 800 Pixel Breit
- 800 geteilt durch 2 = 400
- Das Header-Feld muss also margin-left: -400px; bekommen
- soll der Header dann weiter nach Links ?
- dann nicht mit left: 50%; experimentieren !
- mache entweder den Header breiter (dann neue Breite durch 2 = Minuszahl für margin-left)
- oder erhöhe die Minuszahl für margin-left

Wenn Du der Navi left: 50%; gibst ,
und dem Header ein left: 65%; .... dann richten sich die beiden Felder
bei unterschiedlicher Bildschirmauflösung NICHT mehr nach der Mitte aus .
Das war der Grund für das verschieben der Navigation !

- wenn einmal left:50%; .... dann immer für ALLE Felder
- positioniert wird dann mit top , margin-left , und width und height

Welche Breite bekommt das Navi-Feld ?
Breite durch zwei teilen . Das wird die Minuszahl für "margin-left" !
Bitte nur so positionieren , wenn man damit angefangen hat Wink

Gruß Wolfgang
______________


Zuletzt bearbeitet von 24939 am 10.08.2009, 08:40, insgesamt 9-mal bearbeitet
Beitrag10.08.2009 um 15:29 (UTC)    
Titel:

Moin Moin,

Also sichtbar ist sie jetzt auch bei kleinen fenster. es siet nur etwas komisch aus. (siehe Anhang Navi 2)

http://img.webme.com/pic/s/sg-gluecksbrunn-schweina-fangruppe/navi1.png

Ist das normal?

Ich dachte es sieht dann genauso aus wie wenn der IE vollbildschirm ist.

http://img.webme.com/pic/s/sg-gluecksbrunn-schweina-fangruppe/navi2.png


erst mal noch danke für die hilfe bis dahin!!!


MfG adii


Zuletzt bearbeitet von sg-gluecksbrunn-schweina-fangruppe am 10.08.2009, 21:14, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de