ďťż

[CSS] marginesy, problem z divem i tekstem

       

Podstrony


telcocafe

Witajcie mam problem. Otóż robię swoją stronkę bo zaczynam zabawe z CSS. Jednak nie wiem jak sobie poradzić z tym problemem. Poniżej zamieszczam kod:

style.css
body { color: #FFFFFF; font: 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0px; } .gora { height: 75px; width: 100%; background-color: #000000; } .tabelka { height: 30px; width: 100%; color: #666666; background-image: url(tlo.png); }

index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Homepage</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="gora"><img src="logo.png" /></div> <div class="tabelka">Content for class "style" Goes Here</div> </body> </html>

Problem polega na tym, że nie potrafie ustalić marginesu dla tekstu w tabelce bo gdy próbuje zrobic tak:

margin-left:30%;

to przesuwa mi całą tabelkę. Co mam zrobić aby przesunął się tylko tekst a nie cała tabelka?



Wyrzuć
width: 100%;

Musisz dać padding, nie margin


Musisz dać padding, nie margin
padding da to samo, sprawdzałem, dopiero jak wywali width to może dać margin lub padding - do wyboru - będzie OK. DIV i tak będzie rozciągnięty na 100%



Odpowiedź jest banalnie prosta.
Rób strony w tabelkach a nie na divach.
Ja się chrzaniłem z takimi problemami przez 4 miesiące,
aż dałem spokój.
DIVy to jest:
Niekompatybilność przeglądarek.
Konieczność używania tak zwanych haków IE.
Więcej kody niż przy tabelkach niestety.

Ja rozwiązałem taki sam problem jak twój dające dodatkowego diva i jemu ustalając marginesy. Aha jeśli chcesz żeby DIV miał takie rozmiary jak ustawiłeś i żeby się nie poszerzał kiedy wstawisz więcej tekstu musisz dać display:block;
Pozdrawiam.

@orglee: nie bluźnij :mad:

@TexPac: daj tekst w divie tabelka pomiędzy <p></p> i dla p daj odpowiedni margin.

o dzięki :) Poradziłem sobie z tym problemem i za chwile pojawił się następny jednak skorzystałem z Waszych rad i poradziłem sobie ;)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.