Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
mały problem z css, opływanie - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: mały problem z css, opływanie (/thread-maly-problem-z-css-oplywanie)

mały problem z css, opływanie - mayev - 18-09-2009

witam użytkowników,

bawię sie divami i nie potrafię ustawic za pomoca oplywania ostatniego diva (borderright) w takiej pozycji, jak bym chciał; ucieka gdzies cały czas.

oto kod html'a
Kod:
<html>

<head>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>

<body>
<div id="main">


   <div id="borderleft">
   </div>

   <div id="logo">
   </div>

   <div id="menutop">
   </div>

   <div id="menuleft">
   </div>

   <div id="middle">
   </div>

   <div id="bottom">
   </div>

   <div id="borderright">
   </div>


</div>
</body>

<html>

a to css
Kod:
body {
background-color:#000000;
background-image:url(../tla/1.jpg);
}

#main {
width: 700px;
height:800px;
background-color:#444444;
}

#borderleft {
width:50px;
height:800px;
background-color:#00ff00;
float:left;
}

#logo {
width:600px;
height:150px;
background-color:#555555;
float:left;
}

#menutop {
width:600px;
height:50px;
background-color:#666666;
float:left;
}

#menuleft {
width:150px;
height:550px;
background-color:#777777;
float:left;
}

#middle {
width:450px;
height:550px;
background-color:#888888;
background-image:url(../tla/pattern4.jpg);
float:left;
}

#bottom {
width:600px;
height:50px;
background-color:#999999;
float:left;
}

#borderright {
width:50px;
height:800px;
background-color:#ffff00;
clear:both;
}

Co robię źle?

RE: mały problem z css, opływanie - mar22 - 18-09-2009

Wydaje mi sie ze o taki uklad Ci chodziloSmile Troche tylko kolory pozmienialem, zeby bylo latwiej nad tym zapanowac

Kod:
<html>

<head>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>

<body>

<div align="center">
   <div id="logo">
   </div>

   <div id="menutop">
   </div>
<div id="main">

<div id="borderleft">
   </div>

   <div id="menuleft">
   </div>

   <div id="middle">
   </div>
  
   <div id="borderright">
   </div>

   <div id="bottom">
   </div>

</div>
</div>
</body>

<html>

Kod:
body {
background-color:#000000;
background-image:url(../tla/1.jpg);
}

#main {
width: 700px;
height:500px;
background-color:yellow;
}

#borderleft {
width:50px;
height:500px;
background-color: orange;
float:left;
}

#logo {
width:700px;
height:150px;
background-color:gray;

}

#menutop {
width:700px;
height:50px;
background-color:aqua;

}

#menuleft {
width:150px;
height:500px;
background-color:red;
float:left;
}

#middle {
width:450px;
height:500px;
background-color:fuchsia;
background-image:url(../tla/pattern4.jpg);
float:left;
}

#bottom {
width:700px;
height:50px;
background-color:maroon;
clear:both;
}

#borderright {
width:50px;
height:500px;
background-color:green;
float:right;

}


RE: mały problem z css, opływanie - mayev - 18-09-2009

Nyah, a no właśnie że nie do końca tak Tongue

Chcialem, żeby te boczne divy borderright i borderleft biegły przez całą długość strony, tak, jak w kodzie który dałem; tyle że tam mój borerright nie cche wskoczyć na swoje miejsce.


edit:

no dobrze, udalo mi się rozwiązać problem poprzez użycie position:relative; i position:absolute; Smile