• ARCHIVES 
  • » Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

Pages: 12

Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make lay.. when viewing it with IE, the position isnt the same as the FF..bcoz as we all know that this two browser differs a lot from each other.. this tutorial is for.. positioning ur IE and FF in one css extension.. try this, for example ur making lay using FF.. ur positioning the width.. width: 400px; as well all know, sumtyms that codes works only in FF not in IE.. so i think as a solution for this.. do this: instead of having one.. will make it two.. like this... and you can use it with other css codes.. [quote][b]width: 400px ! important; [/b](this is for Firefox) [b]width 400px; [/b](this if for Internet explorer)[/quote] and u can use it in [b]background-image[/b] too... u can even use two images... so that when you open it with Firefox and IE.. the image are not the same... follow this link: it will lead you to the code.css.. [url]http://h1.ripway.com/xelcris/aligningIEFF.css[/url] and this is the PReview!! see this in BOth [u]IE browser[/u] and [u]FireFox browser[/u].. and you will see what i mean... [url]http://profiles.friendster.com/91968753[/url] i forgot.. [u]outline[/u] code works only in Firefox.. i think!! outline is the line outside of the border.. tnx for reading.. again!! [b]View it with Firefox and Internet Explorer to see whats going on!![/b]

Last edited by xelcris (2008-12-15 00:20:48)

rebora2007
» FTalkAddict
FTalk Level: zero
300
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

Thanks for sharing :lol:.

Last edited by rebora2007 (2008-12-15 00:11:38)

xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

u think so?? where's that link?? =D tnx for viewing it!!
watashi
» n00b
FTalk Level: zero
86
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

Think this is helpful for us..
Warlord_marc06
» FTalkAddict
FTalk Level: zero
385
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

nC!! tnx f0r sharin this!!! =) :thumbsup:
xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

ok , tnx for responding to this.. i use this in my exclusive layouts.. :lol:
Ephemeral
» FTalkElite
FTalk Level: zero
4669
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

The purpose of !important is to override the previous stylesheet rules of a certain website disregarding the browser... :penguin: The only conflict on IE and the other browsers, is the % value. IE doesn't accept % on width= tag but accepts it as style="width:%" while Webkit and Mozilla accepts the width=% method. This also implies to the height and width regarding flash resizing on it's embed tag. :penguin:

Last edited by Ephemeral (2008-12-15 01:28:37)

xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

:idea: ur good ephe.. as expected to a mods.. im having trouble wd positioning.. dts y decided to use dis style.. and it works for me.. nicely well.. :D considering im using borders.. tnx for responding ephe.. =) :thumbsup:

Last edited by xelcris (2008-12-15 02:19:56)

slashedkite
» FTalkManiac
FTalk Level: zero
973
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

i've been wondering this before and now i found the answer.. haha! :lol: i appreciate this tutorial a lot.. now i can configure my layouts both in ie and ff.. =)
idiot_goblinz
» FTalkAddict
FTalk Level: zero
558
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

cool tut :thumbsup: thanx for sharing this dude :)
xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[quote=slashedkite]i've been wondering this before and now i found the answer.. haha! :lol: i appreciate this tutorial a lot.. now i can configure my layouts both in ie and ff.. =)[/quote] i knew it!!! someone would appreciate my work on this!!! thank you so much!!!! uve made me feel glad!!! =) :thumbsup: [quote=idiot_goblinz]cool tut :thumbsup: thanx for sharing this dude :)[/quote] no problem dude!!! im just sharing it.. =) :thumbsup: knowledge should be shared!!! :D @actually ive seen so many layout that when using FF it looks pretty good, pretty awesome!!! i admire those kind.. , bt wn it comes to IE, its not in order.. hw sad.. so this is for all of that lays!! nw we're good to go!! :D
Refresh/Reload
» FTalkAddict
FTalk Level: zero
332
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

yap... I think this one been explained before... though it's a good reminder that IE and FX differs from each other... not just in CSS but in JS too... so either you make some extension files for one layout both for IE and FX or create different layouts for each browser... nice reminder!! :thumbsup:
xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

reminder? wt do you mean about that? dd someone posted it here before? if its true? then why is there so many layouts that had been distributed that has that kind of problems? even famous laymakers have experience that problem before... and why i am not seeing that kind of code in some layouts? is it stupid enough to be using it? ro they find a way of positioning the box that works both IE and FF? ur weird? bt thanks for ur concern... =|
Cryogenix
» FTalkAddict
FTalk Level: zero
333
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

an easier way of acomplishing this would be to use either the underscore hack (for ie 6 and below) or the pound hack (for ie 7 and below). for example, your general width is 400px, but in IE it is either 5 pixels shorter or longer, you can do an adjustment in just one css file like this: [quote][b]width: 400px;[/b] //for most browsers like FF, Opr, Sfr [b]#width: 395px;[/b] //IE7 and below will use this instead of 400px [b]_width: 405px;[/b] //IE6 and below will use this instead[/quote] you might be wondrin what's the difference between the # and _ when they are both IE? well sometimes, even IE6 & 7 can differ. but of course it's a very minor thing if you think about it. you can simply opt to use just one depending on which browser you are making adjustments to. but hey, i hope this helps.

Last edited by Cryogenix (2008-12-15 20:45:58)

Refresh/Reload
» FTalkAddict
FTalk Level: zero
332
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[quote=xelcris]reminder? wt do you mean about that? dd someone posted it here before? if its true? then why is there so many layouts that had been distributed that has that kind of problems? even famous laymakers have experience that problem before... and why i am not seeing that kind of code in some layouts? is it stupid enough to be using it? ro they find a way of positioning the box that works both IE and FF?[/quote] hmmm.... i'm talking about those [b]!important[/b]... and that [b]!important[/b] have been explained on some threads before... and the problem why there's so many layouts have some problems coz some members use the codes they see here as is... not even bother to study it or if some parts of the codes can be use to other codes too... like how [b]important[/b] [b]!important [/b]is... or don't even bother to read some of the threads first... how to be imaginative... play trial and error... you can see that [b]!important[/b] on some of the old codes here... and explained on some threads why we have to use it... that's why i've said "nice reminder" on your post... coz u figured out one way on how to use it... ok i'll change it to "nice post!!":thumbsup: if that's the comment you want... here's one of the thread about those [b]!important [/b]... see the last edit date... [url=http://theftalk.com/t2071-Center-Align-Profile-Texts%2C-Contents%2C-and-Headers!.html]Center Align Profile[/url] so knowing that's possible.. then maybe i can use that [b]!important[/b] on other areas too...not just in Centering Profile text... for example... my banner codes... [quote]#navigation { width:800px [b]! Important;[/b] height:300px [b]! Important;[/b] background: url(PUT URL OF 800 X 300 BANNER HERE); background-attachment: scrollable; backgroud-repeat:no-repeat; codes... etc...; }[/quote] and by using !important alone... i don't even have to do this... [quote]#navigation { width:800px ! Important; [b]width:800px;[/b] height:300px ! Important; [b]height:300px;[/b] background: url(PUT URL OF 800 X 300 BANNER HERE); background-attachment: scrollable; backgroud-repeat:no-repeat; codes... etc...; }[/quote] coz the first one with that '[b]! Important;[/b]' is enough for both IE and FX.. so trial and error is really is the key... that's only what i'm trying to point out... i'm weird...? thanx:D :gift: i thought i'm normal coz normal is boring.=D

Last edited by Refresh/Reload (2008-12-15 23:06:28)

xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[quote=Cryogenix]an easier way of acomplishing this would be to use either the underscore hack (for ie 6 and below) or the pound hack (for ie 7 and below). for example, your general width is 400px, but in IE it is either 5 pixels shorter or longer, you can do an adjustment in just one css file like this: width: 400px; //for most browsers like FF, Opr, Sfr #width: 395px; //IE7 and below will use this instead of 400px _width: 405px; //IE6 and below will use this instead you might be wondrin what's the difference between the # and _ when they are both IE? well sometimes, even IE6 & 7 can differ. but of course it's a very minor thing if you think about it. you can simply opt to use just one depending on which browser you are making adjustments to. but hey, i hope this helps.[/quote] yes you can do that also.. tnx for that knowledge you gve! :D bt i thnk the codes i gve would just fit perfectly to any kind of IE.. btw im using IE8. :D [quote=Refresh/Reload]xelcris wrote: reminder? wt do you mean about that? dd someone posted it here before? if its true? then why is there so many layouts that had been distributed that has that kind of problems? even famous laymakers have experience that problem before... and why i am not seeing that kind of code in some layouts? is it stupid enough to be using it? ro they find a way of positioning the box that works both IE and FF? hmmm.... i'm talking about those !important... and that !important have been explained on some threads before... and the problem why there's so many layouts have some problems coz some members use the codes they see here as is... not even bother to study it or if some parts of the codes can be use to other codes too... like how important !important is... or don't even bother to read some of the threads first... how to be imaginative... play trial and error... you can see that !important on some of the old codes here... and explained on some threads why we have to use it... that's why i've said "nice reminder" on your post... coz u figured out one way on how to use it... ok i'll change it to "nice post!!":thumbsup: if that's the comment you want... here's one of the thread about those !important ... see the last edit date... Center Align Profile so knowing that's possible.. then maybe i can use that !important on other areas too...not just in Centering Profile text... for example... my banner codes... #navigation { width:800px ! Important; height:300px ! Important; background: url(PUT URL OF 800 X 300 BANNER HERE); background-attachment: scrollable; backgroud-repeat:no-repeat; codes... etc...; } and by using !important alone... i don't even have to do this... #navigation { width:800px ! Important; width:800px; height:300px ! Important; height:300px; background: url(PUT URL OF 800 X 300 BANNER HERE); background-attachment: scrollable; backgroud-repeat:no-repeat; codes... etc...; } coz the first one with that '! Important;' is enough for both IE and FX.. so trial and error is really is the key... that's only what i'm trying to point out... i'm weird...? thanx:D :gift: i thought i'm normal coz normal is boring.=D[/quote] aheheh.. dont say that.. normal is fun, same as weird one.. :lol: :thumbsup: yes it is Trial and Error.. that's what codes for.. :D hmm.. on banner? mine play stupid wd just using single width.. we'll it depends on you.. whether u use single width wd !important or not.. as u said before, its trial and error.. having a layout that will work perfectly needs trial and error.. too many trial and error!!!! heheh... :lol: discover it urself so that u'll knw the right thing.. isnt that a laymaker should do!? =) :thumbsup: [i]i said this: its annoying to see ur made layouts position is not in the correct area in other browser..[/i] and also, i dd nt tell that u should use it in all css codes.. i just said [i]and you can use it with other css codes..[/i] please refer to the top... hehehe... =) thnx again for responding.. and chatting wd me.. its nice talking to someone who knows codes heheh.. :D
Refresh/Reload
» FTalkAddict
FTalk Level: zero
332
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

hahah... newbie here also... i just loved reading all the threads here and do trial and errors... coz it really helps a lot... still no expert... that's why i'm using different extension files for both browser so that i can make them look aligned the same way but with different layouts to make it more fun coz it's really hard to make one extension files to be use for both browser... especially on widths, heights and position... a lot of files... a lot of work... but it's been fun. :D
xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[quote=Refresh/Reload]hahah... newbie here also... i just loved reading all the threads here and do trial and errors... coz it really helps a lot... still no expert... that's why i'm using different extension files for both browser so that i can make them look aligned the same way but with different layouts to make it more fun coz it's really hard to make one extension files to be use for both browser... especially on widths, heights and position... a lot of files... a lot of work... but it's been fun. :D[/quote] yeah.. its troublesome whn the positionng in ur lays turns out distorted when it comes to other browsers.. u got dat ryt dude!!! its really fun playng wd code.. knwing dat u wll learn from it!! :D :thumbsup: tnx for the concern about this dude. it helps a lot... :idea: ei do u know moveover lay?
chipster489
» FTalkWorm
FTalk Level: zero
16296
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[b]^Ask [i]switpotato[/i], she's d expert, wen it comes 2 Moveover layouts. :) [/b]
xelcris
» FTalkAddict
FTalk Level: zero
551
0
1969-12-31

Re: Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

[quote=chipster489]^Ask switpotato, she's d expert, wen it comes 2 Moveover layouts. :)[/quote] thanks for the info bro :D yeah she's an expert, i saw here site last night.. [spoiler]http://forum.kamoteworks.com/[/spoiler] :idea:
  • ARCHIVES 
  • » Newbie Guide! [b]Remove this, if someone posted it earlier.. [/b] its annoying to see ur made layouts position is not in the correct area in other browser.. im a firefox user, so everytime i make l

Pages: 12

Board footer

© 2025 F Talk

Current time is 09:27

[ 10 queries - 0.019 second ]
Privacy Policy