Artur C.

Artur C. .unknown

Temat: Dopasowanie textu do szerokosci

Witam,

Robię szablon: http://www.art3x.webd.pl/wordpress/

Rozchodzi się o text po prawej. W rozdzielczości 800,1024,1280 jest ok bo dałem warunki w headerze, że ma czytać w zależności od rozdzielczości odpowiednie pliki style.css - to nie do końca rozwiązuje problem, bo pojawia się on ponownie jeżeli jest jakiś nieszablonowa rozdzielczość wówczas część textu jest ucięta. W momencie kiedy scrollką od myszki powiększę sobie stronę efekt jest taki (czerwoną kreską zaznaczyłem w Paincie iż odtąd ucina text):


Obrazek


Wpadłem na pomysł, że do ".entry" w style.css dopiszę:
position: absolute;


Jednak efekt jest taki, że stopka nachodzi na text i prawa zielona linia również kończy się ze stopką zamiast rozciągać się ładnie w dół:

Obrazek


Ma ktoś jakiś pomysł żeby ten text był zawsze w zielonej ramce bez ucinania?Artur P. edytował(a) ten post dnia 15.03.13 o godzinie 10:34

Temat: Dopasowanie textu do szerokosci

Pozycjonowanie absolutne to nie jest rozwiązanie, jeżeli chcesz wprowadzić rozdzielczości mobilne użyj Bootstrap, albo czegoś mniejszego np Skeleton. To rozwiąże twoje problemy.

Temat: Dopasowanie textu do szerokosci

Generalnie to wszystko jest do wywalenia. Ale jeżeli chodzi ci o tą konkretną rzeczy to

#casing {
padding: 0;
background: #fff;
margin-left: 50px;
width: 100%;
float: left;
max-width: 1000px;
}
Konrad Deskiewicz

Konrad Deskiewicz Foto i grafika, IT

Temat: Dopasowanie textu do szerokosci

Wygląda na to, że twój div na wymuszoną szerokość w pixelach a co za tym idzie przy zmniejszaniu się ekranu cały tekst zaczyna "wystawać".

Drogi są dwie:
1) Fluid Layout (wyrażenie szerokości diva procentowo):wtedy zachowuje rozmiar liter ale zmienia szerokość.

2) Responsive design (i tzw. Media Queries): wtedy dla zadanej wielkości ekranu następuje zmiana wybranych parametrów. Np. szerokości tego DIV + zmiana wielkości czcionki, żeby pasowało.

Na stronie z Twojego linka spieprzony jest sidebar - to on wypycha content dla mniejszych okien.Konrad Deskiewicz edytował(a) ten post dnia 15.03.13 o godzinie 13:23
Artur C.

Artur C. .unknown

Temat: Dopasowanie textu do szerokosci

Michał Szaniewski:
Generalnie to wszystko jest do wywalenia. Ale jeżeli chodzi ci o tą konkretną rzeczy to

#casing {
padding: 0;
background: #fff;
margin-left: 50px;
width: 100%;
float: left;
max-width: 1000px;
}

Ta opcja totalnie nie działa tak jak miało by to działać.

Następna dyskusja:

Wordpress- dopasowanie szab...




Wyślij zaproszenie do