nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

css problems with IE

DRakE

hi guys a couple of simple? css things here

this is how the web page renders in IE incorrectly

this is it in Dreamweaver where it looks to be correct

basically i want the text to the right of the photo, i have a class set up called .herbert

.herbert{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

and i want the links at the top to be set on the right hand side, surely thats just a float:right; ?

.rightlinks{
	font-size:12px;
	float:right;
	
}

any help appreciated!

Find more posts tagged with

Quick Links

Comments

Sean^DCT4

I think you need the following code to fix this in IE. Not 100% but I think it's that.

<div style="clear:both;"></div>

or you could stick an align=left on the <img>

Liam Byrne

Which version of IE? You might need to add a "display:inline" to the "float:left" on the image

conorcan2

.herbert{
float:left;
1 clear:none;
2 display:inline;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

Try a few combinations of rules 1 and 2 above.

lil_lisa

You shouldn't have to float:right at all for the text, it should sit on its own.