Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
Padding fixed content issue

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
1sthing



Joined: 15 Jun 2006
Posts: 67

PostPosted: 30.06.2008 02:50    Post subject: Padding fixed content issue Add user to your forum ignore list Reply with quote

Situation je sledeci, imam 100% sirok div. Zeleo bih da sadrzaj koji ovaj div nosi ne ide nikako (osim ukoliko korisnik ne koristi 800x600 rezku) preko 900px sirine, zeleo bih ovo resiti padingom, pozadine radi - koju zelim duz citavog diva, ukoliko neko zna za bolje resenje pls shoot Smile
pozz Wink

_________________
Best Greetings!
Back to top
View user's profile Send private message
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 30.06.2008 09:02    Post subject: Add user to your forum ignore list Reply with quote

ne shvaćam pitanje, pa evo samo par smjernica, možda pomognu:

    ako divu zadaš da je 900px širok, biti će širok 900px
    ako mu dodaš padding od 10px, biti će širok 900px + 10px + 10px = 920px
    ako divu zadaš da je 100% širok, biti će širok 100%
    ako mu dodaš padding od 10px, biti će širok 100% + 10px + 10px = zajebana stvar

znači ako hoćeš da ti je div širok 900px, zadaš mu širinu od 880px uz 10px padding.

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
1sthing



Joined: 15 Jun 2006
Posts: 67

PostPosted: 30.06.2008 14:37    Post subject: Add user to your forum ignore list Reply with quote

red wrote:
ne shvaćam pitanje, pa evo samo par smjernica, možda pomognu:

    ako divu zadaš da je 900px širok, biti će širok 900px
    ako mu dodaš padding od 10px, biti će širok 900px + 10px + 10px = 920px
    ako divu zadaš da je 100% širok, biti će širok 100%
    ako mu dodaš padding od 10px, biti će širok 100% + 10px + 10px = zajebana stvar

znači ako hoćeš da ti je div širok 900px, zadaš mu širinu od 880px uz 10px padding.


Ono sto mene interesira biti ce nesto slicno cetvrtoj stavci tvoje liste Red, ali opet ne bas to.
Znaci, kako sada da kazem, zelim 100% sirok div, znaci full sirok Smile eh, i da, zelim pozadinu duz njega-ful sirina, ali, elemente, sadrzaj diva, zelim u centru sirine samo 900px, osim u slucaju kada korisnik dopici sa manjom rezolucijom, tada bih zeleo padinge po 50-70px sa strane i centralni deo sirok koliko ostane Embarassed

Da li je ovo moguce napraviti ?

_________________
Best Greetings!
Back to top
View user's profile Send private message
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 30.06.2008 14:53    Post subject: Add user to your forum ignore list Reply with quote

Code:
<div style="background: red">
    <div style="max-width: 800px; margin: 0 auto; padding: 50px;">
    Lorem ipsum.
    </div>
</div>

Google max-width in IE6

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 30.06.2008 15:01    Post subject: Add user to your forum ignore list Reply with quote

1sthing wrote:
red wrote:
ne shvaćam pitanje, pa evo samo par smjernica, možda pomognu:

    ako divu zadaš da je 900px širok, biti će širok 900px
    ako mu dodaš padding od 10px, biti će širok 900px + 10px + 10px = 920px
    ako divu zadaš da je 100% širok, biti će širok 100%
    ako mu dodaš padding od 10px, biti će širok 100% + 10px + 10px = zajebana stvar

znači ako hoćeš da ti je div širok 900px, zadaš mu širinu od 880px uz 10px padding.


Ono sto mene interesira biti ce nesto slicno cetvrtoj stavci tvoje liste Red, ali opet ne bas to.
Znaci, kako sada da kazem, zelim 100% sirok div, znaci full sirok Smile eh, i da, zelim pozadinu duz njega-ful sirina, ali, elemente, sadrzaj diva, zelim u centru sirine samo 900px, osim u slucaju kada korisnik dopici sa manjom rezolucijom, tada bih zeleo padinge po 50-70px sa strane i centralni deo sirok koliko ostane Embarassed

Da li je ovo moguce napraviti ?


Kolko sam te ja razumio, ti hoćeš da ti u CSS-u budu drugačije postavke na određene elemente kad je rezolucija korisnika veća/manja.
Evo kako su ti ovi riješili, napravili posebne CSS fajlove i Javascriptom odredili kad će se koji koristit...linkovi:
http://particletree.com/features/dynamic-resolution-dependent-layouts/
http://www.clagnut.com/blog/1663/

_________________
{COMING SOON!} BenPixel | deviantART | behanceNET
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
1sthing



Joined: 15 Jun 2006
Posts: 67

PostPosted: 30.06.2008 15:05    Post subject: Add user to your forum ignore list Reply with quote

maratz wrote:
Code:
<div style="background: red">
    <div style="max-width: 800px; margin: 0 auto; padding: 50px;">
    Lorem ipsum.
    </div>
</div>

Google max-width in IE6


Very Happy

_________________
Best Greetings!
Back to top
View user's profile Send private message
1sthing



Joined: 15 Jun 2006
Posts: 67

PostPosted: 30.06.2008 15:07    Post subject: Add user to your forum ignore list Reply with quote

Jabba wrote:
1sthing wrote:
red wrote:
ne shvaćam pitanje, pa evo samo par smjernica, možda pomognu:

    ako divu zadaš da je 900px širok, biti će širok 900px
    ako mu dodaš padding od 10px, biti će širok 900px + 10px + 10px = 920px
    ako divu zadaš da je 100% širok, biti će širok 100%
    ako mu dodaš padding od 10px, biti će širok 100% + 10px + 10px = zajebana stvar

znači ako hoćeš da ti je div širok 900px, zadaš mu širinu od 880px uz 10px padding.


Ono sto mene interesira biti ce nesto slicno cetvrtoj stavci tvoje liste Red, ali opet ne bas to.
Znaci, kako sada da kazem, zelim 100% sirok div, znaci full sirok Smile eh, i da, zelim pozadinu duz njega-ful sirina, ali, elemente, sadrzaj diva, zelim u centru sirine samo 900px, osim u slucaju kada korisnik dopici sa manjom rezolucijom, tada bih zeleo padinge po 50-70px sa strane i centralni deo sirok koliko ostane Embarassed

Da li je ovo moguce napraviti ?


Kolko sam te ja razumio, ti hoćeš da ti u CSS-u budu drugačije postavke na određene elemente kad je rezolucija korisnika veća/manja.
Evo kako su ti ovi riješili, napravili posebne CSS fajlove i Javascriptom odredili kad će se koji koristit...linkovi:
http://particletree.com/features/dynamic-resolution-dependent-layouts/
http://www.clagnut.com/blog/1663/


Fala Jabba ali evo upravo sinjor Maratz mi je dao resenje na bas ono sto sam trazio Cool
Jos jednom fala Vam puno narode Wink

_________________
Best Greetings!
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group