Skocz do zawartości

Web Hosting Talk

  • progreso.pl

    Partner technologiczny

    Upraszczamy to, co inni starają się komplikować. Prosto, pewnie, przyjaźnie - tak robimy hosting!
  • Kei.pl

    Partner technologiczny

    Kei.pl działa na polskim rynku internetowym od 2000 roku. Obecnie na blisko 300 serwerach w Centrum Danych Kei.pl znajduje się kilkadziesiąt tysięcy stron WWW.
  • S-NET.info

    Partner technologiczny

    S-NET to dostawca usług dla biznesu. Najważniejsze usługi świadczone przez firmę to usługi Centrum Danych, dostęp do Internetu, transmisja danych oraz tranzyt do różnych operatorów.
  • Sprint Data Center

    Partner technologiczny

    Sprint Data Center to jedyne w Polsce północno-wschodniej i jednocześnie jedno z najnowocześniejszych w kraju centrum przechowywania i przetwarzania danych.

 

Kłopot z divami

div css

2 odpowiedzi na ten temat

Kłopot z divami

#1 Dvan

    Nowy użytkownik

  • Użytkownicy
  • 18 postów

Napisany 02 luty 2012 - 16:19

Witam, posiadam taki oto fragment kodu html:

<div id="1">
<div id="2"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p></div>
<div id="3"><img src="obrazek.gif" /></div>

oraz fragment kodu css:

div#1{
width: 1000px;
height: 264px;
margin:0px auto;
margin-top: 20px;
padding : 0px;
}
div#2{
float: left;
text-align:left;
width: 484px;
color: #ffffff;
padding-left: 1px;
overflow: hidden;

}
div#3{
float: right;
text-align:right;
width: 516px;
font-size: 10px;
padding-right: 0px;
padding-top: 0px;
margin: auto;

obrazek.gif ma rozmiar 516x484px. Niestety w każdym przypadku gdy padding dla divu o id 2 wynosi więcej niż 0, obrazek z divu 3 ucieka poza jego obszar. Siedzę nad tym już 30 minut i na nic nie mogę wpaść. Będę wdzięczny za jakiekolwiek sugestie.

Ten post był edytowany przez Dvan dnia: 02 luty 2012 - 16:20


#2 AceDude

    Stały użytkownik

  • WHT Pro
  • PipPipPipPipPip
  • 246 postów
  • Skąd:Wrocław
  • Firma:Zirio
  • Imię:Łukasz

Napisany 02 luty 2012 - 16:37

Nie czytałem dokładnie, ale najprawdopodobniej wielkość (width/height) musisz obciąć o dopełnienie (padding).

#3 Dvan

    Nowy użytkownik

  • Użytkownicy
  • 18 postów

Napisany 02 luty 2012 - 16:50

Wielkie dzięki, już wszystko działa.





1 Użytkowników czyta ten temat

0 użytkowników, 1 gości, 0 anonimowych użytkowników