navileiste bricht um

[robertko]

hi. ich habe ein kleines problem.
ich habe eine navileiste mit 7 buttons erstellt und mit css positioniert.
beim testen viel mir auf, das die einzelnen buttons umbrechen, wenn die browsergröße verändert wird.
verkleinere ich den browser nach links, dann verlaufen die buttons nicht mehr nebeneinander, sondern untereinander.

wie kann ich das verhindern?

danke

 

[esupanetz]

AW: navileiste bricht um

Hi robertko,

poste doch bitte mal den Code, dann wirds leichter dir zu helfen.

Erste spontane Vermutung von mir - beim Positionieren absolute / float verwechselt (ohne jetzt was gesehen zu haben).

lG

Eva

 

[cebito]

AW: navileiste bricht um

wie kann ich das verhindern?

Indem du dem umschließenden container ne Breite gibst wo alles reinpasst, indem du der Navi selbst ne Breite gibst - was für dich zutrifft kann man sagen, wenn man weiß wie deine Navi aussieht.

 

[robertko]

AW: navileiste bricht um

#agb
{
	float:left;
	margin-top:4px;
}

so sieht der css stil, jedes buttons aus.

die maße eines jeden buttons, sind in einem javascript enthalten, welcher sich im head-bereich befindet, weil es sich um rollover buttons handelt.

 

[MyBad]

AW: navileiste bricht um

#agb
{
	float:left;
	margin-top:4px;
}

so sieht der css stil, jedes buttons aus.

die maße eines jeden buttons, sind in einem javascript enthalten, welcher sich im head-bereich befindet, weil es sich um rollover buttons handelt.

Rollover-Effekte kannst du auch mit CSS erzielen, dafür benötigst du nicht unbedingt JavaScript.

Wie cebito schon geschrieben hat, muss du dem umgebenden Div oder was auch immer eine feste breite verpassen. Etwas mehr Quelltext wäre nicht schlecht. Eventuell auch noch den HTML-Quelltext dazu.

 

[robertko]

AW: navileiste bricht um

ahh super. danke leute.
mit der festen breite hats geklappt.
auf das javascript rollover hätte ich auch gern verzichtet und es mit css gemacht.
hatte ich auch vorher, allerding klappe das mit dem internet explorer nicht. hab gegooglt wie ein blöder, hab tausend sachen ausprobiert, aber er wollte nicht. also hab ich es jetzt mit javascript. jetzt klappt es.

 

[MyBad]

AW: navileiste bricht um

Das kommt darauf an, wo der Rollover-Effekt sitzt. Der IE 6 unterstützt :hover nur bei Links (a-Tags).