myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   HTML/CSS Problem mit div (https://mygully.com/showthread.php?t=2056013)

GayFish 04.06.10 13:01

HTML/CSS Problem mit div
 
Hallo bin mir nicht sicher ob ich hier richtig bin mit meinen Problemen,
auf jeden Fall hab ich eine Homepage geschrieben doch wenn ich mein ICQ fixiere oder anders irgend wie die Fläche vom Internet Browser kleiner wird rutscht mir immer der linke div block unter den rechten oder umgekehrt wie verhindere ich das ?
mfg GayFish:T

GayFish 06.06.10 20:35

weiß den hier niemand bescheid oder soll ich noch angaben machen wenn ja müsst ihr mir sagen was ihr wissen wollt
vielen dank im vorraus
GayFish

urga 06.06.10 21:29

solange du uns den entsprechenden quelltext oder die homepage vorenthälst, wird dir hier keiner helfen können.

GayFish 07.06.10 14:39

/******************************HEAD**************** **************/
#head{
width: 910px;
height: 25px;
margin: 5px;
background-color: #4c4c4c url(images/grad1000.png) 0 0 repeat-x;
float: left;
font-size: 17.5px;
font-family: Arial;
font-weight: bold;
}
/******************************MAIN**************** **************/
#main{
width: 650px;
height: 750px;
margin: 5px;
background-color: #C0C0C0;
float: left;
font-size: 17.5px;
font-family: Arial;
font-weight: bold;
color: #990000;
text-align: center
}

/******************************RIGHT*************** ***************/
#right{
width: 250px;
height: 750px;
margin: 5px;
background-color: #C0C0C0;
float: left;
font-size: 17.5px;
font-family: Arial;
font-weight: bold;
}
#right
a:link,
a:visited{
color: #999999;
text-decoration:none;
}
#right
a:hover,
a:focus,
a:active{
color: #990000;
text-decoration:underline;
}
#right img {
width: 240px;
height: 240px;
margin: 5px;
}
#right
ul
li{
list-style-image: url(icons/pfeil_rechts.gif);
margin-left: 20px;
}

/******************************FOOT**************** **************/
#foot{
width: 910px;
height: 50px;
margin: 5px;
background-color: #4c4c4c url(images/grad1000.png) 0 0 repeat-x;
float: left;
font-size: 17.5px;
font-family: Arial;
font-weight: bold;
}
#foot
a:link,
a:visited{
color: #4c4c4c;
text-decoration:none;
}
#foot
a:hover,
a:focus,
a:active{
color: #990000;
text-decoration:none;
}
#foot
img{
width="5" height="5"
}

hier ist die css zu meiner seite ich denke nicht das man das html s***** benötigt das wird hoffe ich hierraus verständlich wie man sieht gibt es 4 div bereiche head, main, right und foot

LordPresten 07.06.10 17:23

verändere mal width: von box #right zu 260px und float: zu float:right dann sollte es gehen

GayFish 08.06.10 10:33

mhh außer das jetzt #right nen viel größeren Abstand zu #main hat ist nichts, passiert rutscht auch immer noch runter wenn der Browser kleiner wird
mfg GayFish

LordPresten 08.06.10 12:47

und mach margin: auf 0px

GayFish 08.06.10 13:30

das hilft nicht habe zuerst margin auf 0px gesetzt dann margin-left auf 0px gesetzt dann margin-right so hoch gesetzt dass #right wieder näher an #main sitzt aber dann ist es trotzdem runter gerutscht... trotzdem vielen dank
mfg GayFish


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:23 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.