Enigma Group complications with IE

InjectioN

Jr. Member

Online

Posts: 78
Rep: 4

complications with IE

� on: May 04, 2010, 03:39:44 pm �

hey guys,

I'm pretty new with CSS, and i've gone through the tuts on w3schools, as well as some elsewhere. Now I thought a better way of learning would be to code some up for my server (this is only really so i can learn other things to do with security). My CSS skills are not good enough to code a full blown CSS. i downloaded one from http://www.freewebsitetemplates.com/ and have pretty much re done everything as i didn't like it but it gave me a basesto work from.
however, i viewed my site in IE and somethings don't work, such as top:10; right:10; and also i can't change my colour to anything ?

So i was just wondering, is there any websites out there that show the bugs in IE i can read ? i can't find any when i search blah blah doesn't work in IE.
Also - this is slightly irrelevant - but does doctype have anyting to do with why it doesn;t work ? i've tried to read up on it but i'm not really getting anything ?

Thanks guys,

InjectioN


Logged

<Karuption> my mom wont let me drive her stick
<Karuption> i think its for the best tho

psychomarine

Owner, Creator
Administrator
Hero

Online

Posts: 790
Rep: 39

Re: complications with IE

� Reply #1 on: May 04, 2010, 04:09:30 pm �

who even uses IE anymore except for old ladies?

besides, if you properly learn css, youll see that theres different syntax's for each.

heres a small example

in 1 you can define the following to get a sized box:
height:300px;
width300px;

but in the other you would have do:
max-height:300px;
max-width:300px;
min-height:300px;
min-width:300px;

but to insure it working in both, you need to use something like:
height:300px;
width300px;
max-height:300px;
max-width:300px;
min-height:300px;
min-width:300px;

OR at least
min-height:300px;
min-width:300px;
height:300px;
width300px;

also, I believe padding is off by a px or so(some shit like that)


Logged

<fatalnix> it wouldn't even install from the netboot.
<T-Metal> fatalnix, it's because you weren't doing it right.
<T-Metal> Also, you're gay.
<fatalnix> I know it
<psychomarine> ur doin it wrong^^
<Rik> LOL
<fatalnix> not the gay part
<psychomarine> lol too late
<psychomarine> new sig
<fatalnix> lol

InjectioN

Jr. Member

Online

Posts: 78
Rep: 4

Re: complications with IE

� Reply #2 on: May 04, 2010, 04:41:20 pm �

meh, i hate IE but like you said, if i properly learn it i'll see there's different syntax's for each, i'm trying to learn it properly Cheesy

i've come across such things while trying to correct my css, i read that IE doesn't understand hex colors unless there's a # infront.

Are there any sites out there that would teach you the way you stated, or is it somehting you pick up when events arise like they have for me now ?

thanks,

InjectioN


Logged

<Karuption> my mom wont let me drive her stick
<Karuption> i think its for the best tho

upinsmoke

Newbie

Offline

Posts: 46
Rep: 13

Re: complications with IE

� Reply #3 on: May 04, 2010, 05:55:10 pm �

The good old document model, tis a challenge for sure.
w3schools is a great place to start.

- UIS


Logged

psychomarine

Owner, Creator
Administrator
Hero

Online

Posts: 790
Rep: 39

Re: complications with IE

� Reply #4 on: May 04, 2010, 06:02:17 pm �

the best way to learn css is to find a website like, idk, aol, and by hand, using nothing but xhtml and linked css only, duplicate it without copy and pasting its source.

once you are finished with that, youll know 10x more than when you started.

remember, css is nothing but a set of instructions.

so instruct it

( and yep, even provide the retard instructions so the browser on down syndrome (IE), can understand it.)


Logged

invas10n

Sr. Member

Online

Posts: 372
Rep: 6

Re: complications with IE

� Reply #5 on: May 05, 2010, 12:59:17 am �

The biggest headaches IE gave me was from DIVS which were too large. Remember to take into account margins and padding. Firefox and the others overlap DIVS that are too large, while IE shifts everything all over the place trying to fit them in.


Logged

Ausome1

Administrator
Veteran

Online

Posts: 1412
Rep: 56

Re: complications with IE

� Reply #6 on: May 05, 2010, 08:14:38 am �

Quote from: psychomarine on May 04, 2010, 04:09:30 pm

also, I believe padding is off by a px or so(some shit like that)

Yeah, IE adds a 1px padding around everything. That is why the css resets came about. Start on a clean slate for all browsers.

I also like using grid systems that use padding instead of floats. You get more consistency from browser to browser. Floats can act differently per browser.

My favorite Grid system so far is Blueprint

...and if I ever decide to make custom css, I still use blueprints reset.css


Logged

For any emergencys, contact son-of-a-bitch@damnit.com, for any other issues, just email sumbitch@damnit.com

InjectioN

Jr. Member

Online

Posts: 78
Rep: 4

Re: complications with IE

� Reply #7 on: May 05, 2010, 11:28:59 am �

sweet guys thanks

Quote

that could be a reason why my stuff goes all over the place, i'll look into it

thanks for all the help, i should have it working soon XD hours of googling await me

....

Quote

( and yep, even provide the retard instructions so the browser on down syndrome (IE), can understand it.)

That made me lol haha

InjectioN

/*** EDIT ***/

seems my doctype needed to be before even the <html> tag Roll Eyes

that fixed most of my problems.
also the reason why my right: 10; didn't work in IE (FF being a nice browser didn't mind) because i didn't have px on the end Tongue

the one annoying thing i have at the moment though is anything i include via php or extract from a database, the colors don't work in the CSS Sad


Logged

<Karuption> my mom wont let me drive her stick
<Karuption> i think its for the best tho

blink_212

Developer
Veteran

Online

Posts: 1028
Rep: 49

Re: complications with IE

� Reply #8 on: May 14, 2010, 06:25:37 am �

A good way to start to teach yourself is download a random sites CSS, and build the html off-of it, then after that, do visa-versa.

blink


Logged

I dont post.

Quote from: amiyabsb on March 27, 2010, 07:02:35 am

can anybody help me taking over the site in someother way... plz or else i loose my contract am a pen tester...

experts suggestions are needed..........

InjectioN

Jr. Member

Online

Posts: 78
Rep: 4

Re: complications with IE

� Reply #9 on: May 28, 2010, 06:59:31 pm �

Just a helpful hint out there for anyone who may have the same problem as i.

Firefox has what's called an 'error console' most people probably already know this but i didn't and found it useful so i though i'd post it here.

by pressing Ctrl + shift + J you'll open it up, or tools>error console.
this gives you the lines of your CSS that are incorrect and what's in it that's wrong it's very useful. I could be wrong but it may also help in recon of a site as it does show security problems.

anywho just saying XD


Logged

<Karuption> my mom wont let me drive her stick
<Karuption> i think its for the best tho

newb1

Newbie

Offline

Posts: 16
Rep: 0

Re: complications with IE

� Reply #10 on: July 28, 2010, 11:04:51 am �

Well the document type just tells the browser hot to interpret your markup. I prefer XHTML-Strict myself as it's a very clean code.Also I've found that if I code in XHTML-Strict, that the differences between the two browsers are reduced significantly.

As far as CSS engines, IE uses this weird... backwards... thing to interpret the CSS. Also there is little support for the newer attributes or commands. For instance, Opera and Firefox can currently understand the :focus psuedo attribute, IE screws up royal.

So code in a form and the text fields should have the class "testing". Now in your CSS put down the following lines:

Code:

.testing{
font-size:1em;
background-color:#00F;
}

.testing:focus{
font-weight:bold;
backfround-color:#F00;
text-align:center;
}

You should see that IE can't quite pull it off but the other browsers will be fine.

If you wanted to try CSS with a premade XHTML strict site... try searching for css zen. The people there show what you can do with CSS1 commands (and a few widely supported CSS2 commands) and the markup is distributed freely.

Long story short with the CSS zen markup, you're not allowed to change the xhtml, but you can work with the CSS all day and night. You'll soon run into problems with IE and any other browser (so you'll see the glitches you wanted so badly Tongue

)

Also consider that IE's CSS rendering engine has changed dramatically through the versions. If you have the IE 6 browser, go look at your masterpiece after you've CSS'd the zen markup. Where as in IE 8+ it will probably render fine. If you have a newer IE browser, you can add

Code:

to see what it would look like in IE 6.


Logged

Pages: [1]

« previous next »