Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

div fixed browser größe

Antwort erstellen

div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 01:02

Schaut euch mal bitte diese Seite an:

http://www.nicolaslauinger.de/Cardiff/cardiff2010.html
Passwort und Benutzername sind Gast und Gast.

Rechts sollte jetzt eine Box sein die sich beim runterscrollen mit bewegt. Das funktioniert ja auch soweit.

Mein Problem ist jetzt das ich keine Idee habe wie ich die Box so ausrichte das sie immer egal bei welcher Fenstergrößer direkt am außenrahmen meiner Homepage mitläuft.

Weil im Moment ist die Box je nach Fenstergrößer wo anderst.

Gibt es dafür eine Lösung???
Viele Grüße
nick
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon sejuma » 13.11.2010, 09:37

Code: Alles auswählen
#wrapper
{
width:784px;
height:auto;
margin:15px auto 3px auto;
padding:2px 2px 2px 2px;
background:#FFF;
position: relative;
}

#box
{
width:150px;
height:auto;
position: absolute;
right: -152px;
top: -1px;
background:#305e98;
border:solid 3px #FFF;
   }


HTML:
Code: Alles auswählen
<body>

<div id="wrapper">

<div id="box"><ul><li><a href="../hdr/hdr.html">zu HDR</a></li>
               <li><a class="Border" href="../Mopped/mopped.htm">zu Mein Mopped</a></li>
                    <li><a class="Border" href="../galerie.html">Galerieübersicht</a></li>
                    </ul></div>

<div id="header"><img src="../images/header3.jpg" alt="header"></div>
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 10:59

sehr geil danke erstmal.. jetzt ist die box genau immer dort.

aber jetzt wenn mann runterscrollt bewegt sie sich nicht mehr mit.

was nu???
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 11:04

oh und ich seh grad wenn du jetzt mal auf www.nicolaslauinger.de gehst
passt sich der wrapper jetzt nicht mehr dem menü an.
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon sejuma » 13.11.2010, 12:34

Du musst vor dem Schließen von #wrapper clearen:
Code: Alles auswählen
</div><div style="clear: both;"></div>
</div> <!-- Ende von Wrapper -->


Ob es eine Lösung gibt, die box fixed und in Relation zum wrapper zu positionieren weiß ich momentan nicht.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 12:50

1a. DANKE !!! Funktioniert.

Jetzt muss es nur noch eine Lösung für das mit der Box geben. :-D
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon sejuma » 13.11.2010, 14:07

OK, dann versuch's mal so:

Bastele um den #wrapper noch einen div #all mit folgenden Eigenschaften:
Code: Alles auswählen
#all {
width: 790px;
margin: 0 auto;
}


Bei #wrapper entferne das position: relative;

#box definiere so:
Code: Alles auswählen
#box
{
width:150px;
height:auto;
position: fixed;
margin-left: 790px;
background:#305e98;
border:solid 3px #FFF;
}


HTML:
Code: Alles auswählen
<div id="all">
<div id="box"><ul><li><a href="../hdr/hdr.html">zu HDR</a></li>
               <li><a class="Border" href="../Mopped/mopped.htm">zu Mein Mopped</a></li>
                    <li><a class="Border" href="../galerie.html">Galerieübersicht</a></li>
                    </ul></div>
<div id="wrapper">
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 14:23

Ich kann nur eins dazu sagen....

PERFEKT !! YOU ARE THE MAN :!: :!:

Thanks für deine Arbeit funzt einwandfrei ... :)
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon sejuma » 13.11.2010, 14:41

Hab grade bemerkt:
Ist so perfekt doch nicht:
Auf den #all kannst du verzichten.
#box dann nach #wrapper einfügen.

Damit ein div weniger.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 13.11.2010, 15:09

jap hast recht geht auch.. :)
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 18.11.2010, 15:25

hey sejuma hab ein neues problem welches du bestimmt lösen kannst.. :)

Folgende Seite
http://www.nicolaslauinger.de/test/

Das hier ist der Code von der Navigation..
Das Problem ist ich habe die navi 30px von links eingerückt. Wenn ich jetzt mit der Maus in die Navigations von rechts fahre funktioniert der hover effekt bzw. der link erst wenn man zum text kommt.

habe ich die navi box nicht mit 30px eingrückt dann funktioniert es einwandfrei nur halt das dann die navigation ganz am rand sitzt was ich ja nicht will. :)

Code: Alles auswählen
#navi
{
width:150px;
height:auto;
float:left;
position:relative;
margin:0 0 0 30px;   
}

#navi ul
{
list-style:none;
margin:0 0 0 0px;
}

#navi li
{
margin:0;
padding:0;
}

#navi a
{
width:150px;
height:42px;
text-decoration:none;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
background:url(../images/button.png) no-repeat;
text-align:center;
line-height:2.2em;
display:block;
}

#navi a:hover
{
color:#FFF;
background:url(../images/hover.png);
}

#navi .aktiv
{
color:#FFF;
background:url(../images/hover.png);
}
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Azra » 18.11.2010, 15:56

Funktioniert doch :?:
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 18.11.2010, 16:34

echt? also bei mir nicht... :(
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Azra » 18.11.2010, 16:53

echt? also bei mir nicht...

Mit welchem Browser, bzw. welche Browserversion?
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 18.11.2010, 16:59

in meinem IE Version 8
bzw.
in meinem Firefox Version 3.6.12

geh mal auf die Home-seite und dann von rechts an das menü dran.
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Azra » 19.11.2010, 08:25

Ach, jetzt seh ich es auch. Das Problem hierbei liegt am Inhalt.
Was du in CSS tun musst:
Code: Alles auswählen
#inhalt{
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
height:auto;
padding:0 0 0 20px;
width:600px;
}
#navi{
float:left;
height:auto;
width:auto;
list-style:none;
margin:0 0 0 30px;
}

Was du in HTML tun musst:
Code: Alles auswählen
<div id="content">
<ul id="navi">
    <li><a class="aktiv" href="index.html">Home</a></li>
    <li><a href="gutachten.html">Gutachten</a></li>
    <li><a href="pflege.html">Pflege</a></li>
    <li><a href="fallung.html">Fällung</a></li>
    <li><a href="bilder.html">Bilder</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
</ul>
<!-- Ende von Navigation -->
<div id="inhalt">
<h2>Home</h2><br>
<p><b>Jürgen Storz</b><br><br>
Diagnose<br>
Fällung<br>
Gutachten<br>
Pflege<br><br>
Posener Str. 2<br>
76316 Malsch<br><br>
Telefon 07246 / 5452<br>
Fax 07246 / 5452<br>
Mobil 0170 / 8175786<br>
</p><br><br><br><br><br><br>
<p>Rufen Sie mich an<br> und lassen Sie sich ein unverbindliches Angebot unterbreiten !</p>
</div> <!-- Ende von Inhalt -->
</div>
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 05.12.2010, 22:35

jap danke das funktioniert jetzt auch. :)

Habe mal wieder einen neues Problem. Bzw. finde den Fehler einfach nicht.

http://www.nicolaslauinger.de/kickers/

Problem ist das ich gerne nach den buttons
Matches , Hall of Fame und Gästebuch
25px abstand hätte zu der contentbox.

Im firefox funzt das auch nur im IE mal wieder ist keine lücke.

Das andere Problem ist das unter der contentbox eine lücke vom Feld ist also das die Linie unterbrochen ist.

Vielen Dank für eure Mühe.
Nick
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 06.12.2010, 19:17

hat sich erledigt.
haben es jetzt so gelöst.
www.nicolaslauinger.de/kickers
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 19.12.2010, 21:45

Hey,

hat jemand eine Idee warum das Gästebuch nicht oben anfängt??

http://www.nicolaslauinger.de/gbook-list.php

grüße
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben

Re: div fixed browser größe

Beitragvon djheke » 23.12.2010, 23:33

hallo , dein problem ist wohl die angabe von clear:both. nimm mal clear:right.

Code: Alles auswählen
Viele Gr&uuml;&szlig;e zur&uuml;ck !!!               </p>
               <div class="nickname">geschrieben von
Nick</div>

               <div style="clear: both;"></div>
               <div class="email">
                  <a href="mailto:webmaster@nicolaslauinger.de" title="eMail schreiben">eMail</a>               </div>
               <div class="website">
                  <a href="http://www.nicolaslauinger.de" title="Website" target="_blank">Website</a>               </div>
               <div style="clear: both;"></div>
            </div>


Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45
Nach oben

Re: div fixed browser größe

Beitragvon djheke » 24.12.2010, 10:40

hier noch das ergebnis mir clea:right;

http://www.gipspferd.de/css/forum/gb.htm

tschüs bis 2011
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45
Nach oben

Re: div fixed browser größe

Beitragvon Fab4guy » 24.12.2010, 15:04

Juhuh dankeschöön für deine Hilfe geht einwandfrei jetzt.. :)
Frohes FEST:. :)
Fab4guy
Gelegenheitsleser
 
Beiträge: 30
Registriert: 12.11.2010, 17:33
Nach oben
Antwort erstellen

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "div fixed browser größe"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB, Deutsche Übersetzung durch phpBB.de